版本1.2.3

pages/station-info/scan-camera/scan-camera.vue

@@ -0,0 +1,96 @@
+<template>
+	<view>
+		<view class="scan-view">
+			<view class='scan-border'>
+				<camera class='scan-camera' mode="scanCode" binderror="cameraError" bindscancode='scancode' frame-size='large'>
+					<cover-image class='cover-corner cover-left-top' src='/images/left-top.png'></cover-image>
+					<cover-image class='cover-corner cover-right-top' src='/images/right-top.png'></cover-image>
+					<cover-image class='cover-corner cover-left-bottom' src='/images/left-bottom.png'></cover-image>
+					<cover-image class='cover-corner cover-right-bottom' src='/images/right-bottom.png'></cover-image>
+
+					<!-- <cover-view class='scan-animation' animation="{{animation}}"></cover-view> -->
+				</camera>
+				<!-- 这里可以处理其他内容 -->
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+
+			}
+		},
+		methods: {
+
+		}
+	}
+</script>
+
+<style scoped>
+.scan-view {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  background-color: #B9BEC4;
+  position: fixed;
+  align-items: center;
+  justify-content: space-around;
+}
+ 
+.scan-border {
+  width: 94%;
+  height: 94%;
+  border: 6rpx solid #08FDFE;
+  border-radius: 10rpx;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+ 
+.scan-camera {
+  width: 500rpx;
+  height: 500rpx;
+  border-radius: 6rpx;
+  margin: 30rpx;
+}
+ 
+.cover-corner {
+  width: 80rpx;
+  height: 80rpx;
+  position: absolute;
+}
+ 
+.cover-left-top {
+  left: 0;
+  top: 0;
+}
+ 
+.cover-right-top {
+  right: 0;
+  top: 0;
+}
+ 
+.cover-left-bottom {
+  left: 0;
+  bottom: 0;
+}
+ 
+.cover-right-bottom {
+  right: 0;
+  bottom: 0;
+}
+ 
+.scan-animation {
+  position: absolute;
+  top: -10rpx;
+  left: 10rpx;
+  width: 480rpx;
+  height: 8rpx;
+  background-color: #08FDFE;
+  border-radius: 50%;
+}
+</style>

pages/station-info/station-info.vue

@@ -1,10 +1,9 @@
 <template>
 	<view class="page-content  bg-white">
-		<cu-custom class="main-topbar bg-main-oil" isBack bgColor="bg-main-oil">
-			<block slot="content" class="padding-top">油站信息</block>
+		<cu-custom class="bg-main-oil"  :isBack="true"  bgColor="bg-main-oil">
 			<block slot="backText">返回</block>
+			<block slot="content">油站信息</block>
 		</cu-custom>
-
 		<view class="main-money bg-white margin margin-bottom-0 radius">
 			<view class="cu-card case no-card ">
 				<view class="cu-item bg-white shadow">
@@ -38,6 +37,13 @@
 		<view class="padding-bottom ">
 			<OilMenuItem :oilItem="item" v-for="(item,index) in oilList" :key="index" />
 		</view>
+	<!-- 	<view class="margin padding">
+			<view class="">
+				<button class="bg-main-oil" @tap="loginOut">
+					退出登录
+				</button>
+			</view>
+		</view> -->
 	</view>
 </template>
 
@@ -99,6 +105,12 @@
 			uni.showShareMenu()
 		},
 		methods: {
+			loginOut() {
+				uni.clearStorage()
+				uni.reLaunch({
+					url: '/pages/login/boforeLogin/boforeLogin'
+				})
+			},
 			getSiteInfo() {
 				cloudSiteApi.getSiteDetail().then(res => {
 					if (res.code === 20000) {
@@ -119,7 +131,7 @@
 				} else {
 					uni.showToast({
 						title: '暂无油站联系方式',
-						icon:'none'
+						icon: 'none'
 					});
 				}
 
@@ -129,9 +141,7 @@
 </script>
 
 <style scopeds>
-	.content {
-		min-height: 100%;
-	}
+	
 
 	.cu-card.case.no-card .image {
 		margin: 0;