update

pages/setting/setting copy.wxml

@@ -1,63 +0,0 @@
-<view class="main">
-  <view class="one">
-    <view class="left">
-      推荐码
-    </view>
-    <view class="right">
-      <picker class="picker" bindchange="imageChange" name="template" value="{{form.template}}" range="{{templateList}}"
-        range-key="{{'name'}}">
-        <view>{{form.template||'模板'}}
-          <van-icon name="arrow" />
-        </view>
-      </picker>
-    </view>
-  </view>
-  <view class="two">
-    <image class="image" src="{{form.imgurl}}"></image>
-    <view class="userInfo">
-      <view class="temOne" wx:if="{{form.imgIndex==0}}">
-        <view class="name">{{userInfo.name}}</view>
-        <view class="phone">NO.{{userInfo.mobile}}</view>
-        <canvas class="qrcode" canvas-id="myQrcode0"></canvas>
-        <!-- <image class="qrcode" src="{{qrcodeUrl}}"></image> -->
-        <image class="avatarUrl" src="{{userInfo.avatarUrl}}"></image>
-      </view>
-      <view class="temTwo" wx:elif="{{form.imgIndex==1}}">
-        <!-- <image class="qrcode" src="{{qrcodeUrl}}"></image> -->
-        <canvas class="qrcode" canvas-id="myQrcode1"></canvas>
-        <image class="avatarUrl" src="{{userInfo.avatarUrl}}"></image>
-        <view class="name">{{userInfo.name}}</view>
-        <view class="phone">NO.{{userInfo.mobile}}</view>
-      </view>
-      <view class="temThr" wx:elif="{{form.imgIndex==2}}">
-        <!-- <image class="qrcode" src="{{qrcodeUrl}}"></image> -->
-        <canvas class="qrcode" canvas-id="myQrcode"></canvas>
-        <image class="avatarUrl" src="{{userInfo.avatarUrl}}"></image>
-        <view>
-          <text>{{userInfo.name}}</text>
-          <text>NO.{{userInfo.mobile}}</text>
-        </view>
-      </view>
-      <view class="temFour" wx:elif="{{form.imgIndex==3}}">
-        <view class="temFourImg">
-          <!-- <image class="qrcode" src="{{qrcodeUrl}}"></image> -->
-          <canvas class="qrcode" canvas-id="myQrcode"></canvas>
-          <image class="avatarUrl" src="{{userInfo.avatarUrl}}"></image>
-        </view>
-        <view class="temFourInfo">
-          <text>{{userInfo.name}}</text>
-          <text>NO.{{userInfo.mobile}}</text>
-        </view>
-      </view>
-      <view class="temFive" wx:elif="{{form.imgIndex==4}}">
-        <!-- <image class="qrcode" src="{{qrcodeUrl}}"></image> -->
-        <canvas class="qrcode" canvas-id="myQrcode"></canvas>
-        <image class="avatarUrl" src="{{userInfo.avatarUrl}}"></image>
-        <view>
-          <text>{{userInfo.name}}</text>
-          <text>NO.{{userInfo.mobile}}</text>
-        </view>
-      </view>
-    </view>
-  </view>
-</view>

pages/setting/setting.js

@@ -54,7 +54,6 @@ Page({
     this.makeQRCode();
   },
   makeQRCode(template = 0) {
-    console.log('in makeQRC');
     let data = app.globalData.userInfo;
     const url = `${app.globalData.publicUrl}/htyd/wxcard?name=${data.name}&mobile=${data.mobile}`;
     drawQrcode({

pages/setting/setting.wxml

@@ -31,7 +31,7 @@
       </view>
       <view class="temThr" wx:elif="{{form.imgIndex==2}}">
         <!-- <image class="qrcode" src="{{qrcodeUrl}}"></image> -->
-        <canvas class="qrcode" canvas-id="myQrcode"></canvas>
+        <canvas class="qrcode" canvas-id="myQrcode2"></canvas>
         <image class="avatarUrl" src="{{userInfo.avatarUrl}}"></image>
         <view>
           <text>{{userInfo.name}}</text>
@@ -41,7 +41,7 @@
       <view class="temFour" wx:elif="{{form.imgIndex==3}}">
         <view class="temFourImg">
           <!-- <image class="qrcode" src="{{qrcodeUrl}}"></image> -->
-          <canvas class="qrcode" canvas-id="myQrcode"></canvas>
+          <canvas class="qrcode" canvas-id="myQrcode3"></canvas>
           <image class="avatarUrl" src="{{userInfo.avatarUrl}}"></image>
         </view>
         <view class="temFourInfo">
@@ -51,7 +51,7 @@
       </view>
       <view class="temFive" wx:elif="{{form.imgIndex==4}}">
         <!-- <image class="qrcode" src="{{qrcodeUrl}}"></image> -->
-        <canvas class="qrcode" canvas-id="myQrcode"></canvas>
+        <canvas class="qrcode" canvas-id="myQrcode4"></canvas>
         <image class="avatarUrl" src="{{userInfo.avatarUrl}}"></image>
         <view>
           <text>{{userInfo.name}}</text>

pages/setting/setting.wxss

@@ -87,6 +87,7 @@
   left: 44%;
   border: 3px solid #fff;
   border-radius: 15rpx;
+  z-index: 999;
 }
 
 /* 模板二 */
@@ -106,6 +107,8 @@
   width: 280rpx;
   height: 250rpx;
   margin: 15rpx 0 0 0;
+  left: 13%;
+  top: 2%;
 }
 
 .temTwo .avatarUrl {
@@ -116,6 +119,7 @@
   top: 45px;
   border: 3px solid #ffffff;
   border-radius: 10rpx;
+  z-index: 999;
 }
 
 .temTwo view {
@@ -135,6 +139,7 @@
 .temThr .qrcode {
   width: 240rpx;
   height: 240rpx;
+  left: 35%;
 }
 
 .temThr .avatarUrl {
@@ -145,6 +150,7 @@
   top: 40px;
   border: 3px solid #ffffff;
   border-radius: 10rpx;
+  z-index: 999;
 }
 
 
@@ -165,8 +171,8 @@
 
 .temFour .temFourImg {
   float: right;
-  height: 250rpx;
-  width: 80%;
+  height: 228rpx;
+  width: 138px;
   border: 3px solid #032eae;
 }
 
@@ -183,6 +189,7 @@
   top: 44px;
   border: 3px solid #ffffff;
   border-radius: 10rpx;
+  z-index: 999;
 }
 
 .temFour .temFourInfo {
@@ -210,6 +217,7 @@
 .temFive .qrcode {
   width: 220rpx;
   height: 220rpx;
+  left: 35%;
 }
 
 .temFive .avatarUrl {
@@ -220,6 +228,7 @@
   top: 35px;
   border: 3px solid #ffffff;
   border-radius: 10rpx;
+  z-index: 999;
 }
 
 .temFive view {