update

app.js

@@ -36,7 +36,7 @@ App({
     userInfo: null,
     // publicUrl: 'http://192.168.1.119:11000'
     // publicUrl: 'http://124.71.143.119'
-    publicUrl: 'https:/htyd.imonsters.cn'
+    publicUrl: 'https://htyd.imonsters.cn'
   },
   id: 'wx74f916cbbb2173fa',
 })

pages/card/card.js

@@ -150,6 +150,14 @@ Page({
     if (data) {
       this.setData({ "form.recommend": data.name })
       this.setData({ "form.r_mobile": data.mobile })
+    } else {
+      let qrUrl = decodeURIComponent(options.q)
+      let mobile = this.getQueryString(qrUrl, 'mobile');
+      let name = this.getQueryString(qrUrl, 'name');
+      if (name && mobile) {
+        this.setData({ "form.recommend": name })
+        this.setData({ "form.r_mobile": mobile })
+      }
     }
     // 查询省
     wx.request({
@@ -169,4 +177,14 @@ Page({
       }
     })
   },
+  getQueryString: function (url, name) {
+    const query = url.split('?')[1];
+    const objs = query.split('&');
+    let res;
+    for (const obj of objs) {
+      const kv = obj.split('=');
+      if (name == kv[0]) res = kv[1];
+    }
+    return res;
+  }
 })

pages/home/home.js

@@ -60,8 +60,9 @@ Page({
   },
   // 我要办卡
   cardBtn: function () {
+    let data = app.globalData.userInfo;
     wx.navigateTo({
-      url: '../card/card'
+      url: `../card/card?name=${data.name}&mobile=${data.mobile}`
     })
   },
   // 我的团队

pages/setting/setting copy.wxml

@@ -0,0 +1,63 @@
+<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

@@ -2,6 +2,7 @@
 //获取应用实例
 const app = getApp()
 
+import drawQrcode from '../../utils/weapp.qrcode.esm';
 Page({
   data: {
     userInfo: {},
@@ -42,30 +43,25 @@ Page({
       this.setData({ "form.imgurl": this.data.templateList[0].url })
     }
     this.setData({ "form.imgIndex": e ? e.detail.value : 0 })
+    this.makeQRCode(e ? e.detail.value : 0);
   },
   onLoad: function () {
     // 模板默认选择
     this.imageChange();
-    // let data = app.globalData.userInfo;
-    let data = {
-      avatarUrl: "https://thirdwx.qlogo.cn/mmopen/vi_32/ibzXIKnSribia9qZzSkEokEVfLuxOUEJ8xPAMibU29vB3KS8Pic5fUwUricWsXAEfL8zibZSGjUvPUm6PibxiadY8RAdv1w/132",
-      car_show: false,
-      city: "长春市",
-      create_time: "2021-01-06 16:31:30",
-      id: "5ff575b0a3f2771eb4d03114",
-      id_card: "22010319950601161x",
-      level: 1,
-      mobile: "13089419810",
-      name: "刘睿峰",
-      points: 4100,
-      province: "吉林省",
-      set: "168",
-      stockholder: false,
-      wxaccount: "lrf402788946",
-      _id: "5ff575b0a3f2771eb4d03114",
-    }
+    let data = app.globalData.userInfo;
     this.setData({ userInfo: data });
     // 生成二维码
-    
+    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({
+      width: 125,
+      height: 125,
+      canvasId: `myQrcode${template}`,
+      text: url,
+    })
+  }
 })

pages/setting/setting.wxml

@@ -18,17 +18,20 @@
       <view class="temOne" wx:if="{{form.imgIndex==0}}">
         <view class="name">{{userInfo.name}}</view>
         <view class="phone">NO.{{userInfo.mobile}}</view>
-        <image class="qrcode" src="{{qrcodeUrl}}"></image>
+        <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>
+        <!-- <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>
+        <!-- <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>
@@ -37,7 +40,8 @@
       </view>
       <view class="temFour" wx:elif="{{form.imgIndex==3}}">
         <view class="temFourImg">
-          <image class="qrcode" src="{{qrcodeUrl}}"></image>
+          <!-- <image class="qrcode" src="{{qrcodeUrl}}"></image> -->
+          <canvas class="qrcode" canvas-id="myQrcode"></canvas>
           <image class="avatarUrl" src="{{userInfo.avatarUrl}}"></image>
         </view>
         <view class="temFourInfo">
@@ -46,7 +50,8 @@
         </view>
       </view>
       <view class="temFive" wx:elif="{{form.imgIndex==4}}">
-        <image class="qrcode" src="{{qrcodeUrl}}"></image>
+        <!-- <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>

pages/setting/setting.wxss

@@ -76,13 +76,14 @@
 .temOne .qrcode {
   width: 250rpx;
   height: 250rpx;
+  left: 35%;
 }
 
 .temOne .avatarUrl {
   width: 80rpx;
   height: 80rpx;
   position: absolute;
-  bottom: 41px;
+  bottom: 50px;
   left: 44%;
   border: 3px solid #fff;
   border-radius: 15rpx;

project.config.json

@@ -4,9 +4,9 @@
     "ignore": []
   },
   "setting": {
-    "urlCheck": false,
+    "urlCheck": true,
     "es6": true,
-    "enhance": false,
+    "enhance": true,
     "postcss": true,
     "preloadBackgroundData": false,
     "minified": true,
@@ -29,7 +29,6 @@
       "disablePlugins": [],
       "outputPath": ""
     },
-    "enableEngineNative": false,
     "bundle": false,
     "useIsolateContext": true,
     "useCompilerModule": true,