二维码

pagesHome/shop/index.vue

@@ -10,8 +10,7 @@
 						<scroll-view scroll-y="true" class="scroll-view">
 							<view class="list-scroll-view">
 								<view class="list" v-for="(item,index) in shoplist" :key="index">
-									<image class="image" :src="item.file&&item.file.length>0?item.file[0].url:''"
-										mode=""></image>
+									<image class="image" :src="item.file&&item.file.length>0?item.file[0].url:''" mode=""></image>
 									<view class="name">
 										{{item.name}}
 									</view>
@@ -37,20 +36,17 @@
 						<scroll-view scroll-y="true" class="scroll-view" @scrolltolower="toPage">
 							<view class="list-scroll-view">
 								<view class="second_1">
-									<view :class="['list',condActive==index?'activeList':'']"
-										v-for="(item,index) in condList" :key="index" @tap="toCond(index,item)">
+									<view :class="['list',condActive==index?'activeList':'']" v-for="(item,index) in condList" :key="index" @tap="toCond(index,item)">
 										<view class="name">
 											{{item.name}}
 										</view>
 										<view class="icon">
 											<view class="icon_1">
-												<text :class="['iconfont',item.shangActive]"
-													v-if="condActive==index&&shang=='1'"></text>
+												<text :class="['iconfont',item.shangActive]" v-if="condActive==index&&shang=='1'"></text>
 												<text :class="['iconfont',item.shang]" v-else></text>
 											</view>
 											<view class="icon_1">
-												<text :class="['iconfont', item.xiaActive]"
-													v-if="condActive==index&&xia=='-1'"></text>
+												<text :class="['iconfont', item.xiaActive]" v-if="condActive==index&&xia=='-1'"></text>
 												<text :class="['iconfont', item.xia]" v-else></text>
 											</view>
 										</view>
@@ -58,8 +54,7 @@
 								</view>
 								<view class="second_2">
 									<view class="list" v-for="(item,index) in list" :key="index">
-										<image class="image" :src="item.file&&item.file.length>0?item.file[0].url:''"
-											mode=""></image>
+										<image class="image" :src="item.file&&item.file.length>0?item.file[0].url:''" mode=""></image>
 										<view class="sale" v-if="item.is_sale==true">
 											<text>已售尽</text>
 										</view>
@@ -104,9 +99,10 @@
 						<view class="second_2">
 							<view class="second_2_bor" @tap="saveQrcode">
 								<!-- <image class="image" :src="info.qrcode&&info.qrcode.length>0?info.qrcode[0].url:''" mode=""></image> -->
-								<tki-qrcode cid="qrcode1" ref="qrcode" :val="val" :size="size" :unit="unit"
+								<!-- <tki-qrcode cid="qrcode1" ref="qrcode" :val="val" :size="size" :unit="unit"
 									:background="background" :foreground="foreground" :pdground="pdground"
-									:onval="onval" :loadMake="loadMake" :usingComponents="true" @result="qrR" />
+									:onval="onval" :loadMake="loadMake" :usingComponents="true" @result="qrR" /> -->
+								<canvas class="qrcode" canvas-id="myQrcode"></canvas>
 							</view>
 							<view class="txt">
 								店铺二维码
@@ -134,11 +130,10 @@
 </template>
 
 <script>
-	import tkiQrcode from "@/components/tki-qrcode/tki-qrcode.vue"
+	// import tkiQrcode from "@/components/tki-qrcode/tki-qrcode.vue"
+	import QRCode from '@/common/weapp-qrcode.js'
 	export default {
-		components: {
-			tkiQrcode
-		},
+		components: {},
 		data() {
 			return {
 				val: '', // 要生成的二维码值
@@ -217,7 +212,6 @@
 		onLoad: async function(e) {
 			const that = this;
 			that.$set(that, `id`, e.id || '');
-			that.$set(that, `val`, `https://broadcast.waityou24.cn/shopinfo?id=${e.id}`);
 			await that.watchLogin();
 			await that.search();
 			await that.searchOther();
@@ -260,6 +254,8 @@
 					that.searchShopMarket();
 					// 查询全部商品
 					that.searchAll();
+					// 创建二维码
+					that.createQrcode(that.info);
 				}
 			},
 			// 查询店铺商品
@@ -294,6 +290,21 @@
 					});
 				}
 			},
+			// 创建二维码
+			createQrcode(e) {
+				// console.log(e);
+				const that = this;
+				const url = `${that.$config.serverUrl}/shopinfo?id=${e._id}`;
+				var qrcode = new QRCode(`myQrcode`, {
+					text: url,
+					width: 110,
+					height: 110,
+					padding: 3,
+					colorDark: "#000000",
+					colorLight: "#ffffff",
+					correctLevel: QRCode.CorrectLevel.L,
+				});
+			},
 			// 购买
 			toBuy(item) {
 				if (item && item._id) {