pos 端

pos-uni/pages/index/index.vue

@@ -110,9 +110,9 @@
 			tabbar
 		},
 		methods: {
-			goRecharge(){
+			goRecharge() {
 				uni.navigateTo({
-					url:"/pagesHome/MemberRecharge/MemberRecharge"
+					url: "/pagesHome/MemberRecharge/MemberRecharge"
 				})
 			},
 			goCode() {
@@ -128,7 +128,7 @@
 
 			goAdd() {
 				uni.navigateTo({
-					url: '/pagesHome/AddVip/AddVip'
+					url: '/pagesHome/AddVip/AddCode'
 				})
 			},
 			goCollection() {

pos-uni/pages/login/login.vue

@@ -8,12 +8,12 @@
 					<view class="input_box">
 
 						<u-icon name="account" color="#0864E9" size="22"></u-icon>
-						<input type="text" v-model="form.username" placeholder="请输入账号" />
+						<input type="text" style="color: #333;" v-model="form.username" placeholder="请输入账号" />
 					</view>
 					<view class="input_box">
 
 						<u-icon name="lock" color="#0864E9" size="22"></u-icon>
-						<input type="text" v-model="form.password" placeholder="请输入密码" />
+						<input type="text" style="color: #333;" v-model="form.password" placeholder="请输入密码" />
 					</view>
 
 					<view class="anniu" @click="goGoGo">
@@ -81,10 +81,10 @@
 						uni.navigateTo({
 							url: '/pages/index/index'
 						})
-					}else{
+					} else {
 						uni.showToast({
-							title:res.data,
+							title: res.data,
-							icon:"none"
+							icon: "none"
 						})
 					}
 				})

pos-uni/pagesHome/AddVip/AddCode.vue

@@ -3,13 +3,20 @@
 		<view class="container">
 			<headers :titles="titles"><u-icon name="arrow-left" color="#fff" size="22"></u-icon></headers>
 
-			<view class="img-box">
+			<view class="box-">
-				<image src="../../static/imgs/posimgurl.png" mode=""></image>
+				<view class="title_">扫码成为京博加油站会员</view>
+				<view
+					style="background: #fff;width: 215px; height: 220px; border-radius: 8px ; margin: 15px auto; box-sizing: border-box; padding-top: 10px;  ">
+					<canvas id="qrcode" canvas-id="qrcode"
+						style="width: 200px;height: 200px;  margin: 0px auto;  "></canvas>
+				</view>
+
+				<view class="title_">长按识别领取会员卡</view>
 			</view>
 
 			<view class="p-bottom">
 				<view class="anniu" @click="goback()">
-					保存
+					手动添加
 				</view>
 			</view>
 
@@ -19,7 +26,7 @@
 
 <script>
 	import headers from '../../components/header/headers.vue'
-
+	import UQRCode from '../../uni_modules/Sansnn-uQRCode/js_sdk/uqrcode/uqrcode.js';
 	export default {
 		data() {
 			return {
@@ -28,6 +35,7 @@
 			}
 		},
 		onShow() {
+			this.onReady()
 			// this.actList = ["1", "1", "1", "1", "1", ]
 			// this.status = "nomore" 底部刷新结束
 		},
@@ -45,8 +53,26 @@
 			headers
 		},
 		methods: {
+			onReady() {
+				// 获取uQRCode实例
+				var qr = new UQRCode();
+				// 设置二维码内容
+				qr.data = "https://uqrcode.cn/doc";
+				// 设置二维码大小，必须与canvas设置的宽高一致
+				qr.size = 200;
+				// 调用制作二维码方法
+				qr.make();
+				// 获取canvas上下文
+				var canvasContext = uni.createCanvasContext('qrcode', this); // 如果是组件，this必须传入
+				// 设置uQRCode实例的canvas上下文
+				qr.canvasContext = canvasContext;
+				// 调用绘制方法将二维码图案绘制到canvas上
+				qr.drawCanvas();
+			},
 			goback() {
-				uni.navigateBack()
+				uni.navigateTo({
+					url: '/pagesHome/AddVip/AddVip'
+				})
 			}
 		}
 	}
@@ -72,4 +98,42 @@
 			height: 100%;
 		}
 	}
+
+	.p-bottom {
+		width: 100%;
+		height: 68px;
+		background: #fff;
+		position: fixed;
+		bottom: 0px;
+		left: 0px;
+	}
+
+	.anniu {
+		height: 40px;
+		background: #0864E9;
+		width: 80%;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		color: #fff;
+		border-radius: 50px;
+		margin: 5px auto;
+	}
+
+	.box- {
+		width: 95%;
+		margin: 15px auto;
+		border-radius: 8px;
+		background: #0864E9;
+		height: 400px;
+	}
+
+	.title_ {
+		text-align: center;
+		width: 100%;
+		font-weight: bold;
+		font-size: 16px;
+		color: #FFFFFF;
+		margin-bottom: 15px;
+	}
 </style>