cps：分享

htmldev/cps/src/App.vue

@@ -8,11 +8,12 @@
 </template>
 
 <script>
-import { WxConfig } from './utils/wxConfig'
+import wxShare from './utils/wxShare0.0'
 import { platform } from './utils/platform'
 
 export default {
   name: 'App',
+  mixins: [wxShare],
   data () {
     return {
       activeTab: ''
@@ -29,7 +30,7 @@ export default {
   async created () {
     const { name } = this.$route
     if (name !== 'PaymentCode') {
-      platform.isWeixin && WxConfig()
+      platform.isWeixin && this.funWxShare('返不停', '一个省钱、赚钱又返钱的生活平台', require('./views/recommend/image/share.jpg'), `${location.origin}${location.pathname}`)
       this.$store.dispatch('common/getUserInfo')
       this.$store.dispatch('common/getOrdertype')
     }

htmldev/cps/src/api/request.js

@@ -53,7 +53,7 @@ request.interceptors.request.use(request => {
 
   // 因为微信开发者工具重复授权，本地开发时写死
   if (/^(0|192|10|localhost)/.test(domain)) {
-    request.headers.wechatToken = '9ad12f0a41c02d49516dd14d22fc8fdc'
+    request.headers.wechatToken = 'eb2de96dbb4f2860f6b1cae67e0925b7'
   } else {
     request.headers.wechatToken = getCookieValue('fanbutingwechatToken')
   }

htmldev/cps/src/utils/wxShare0.0.js

@@ -0,0 +1,41 @@
+import { WxConfig } from './wxConfig'
+
+export default {
+  methods: {
+    funWxShare (ShareTitle = '', ShareText = '', ShareImageUrl = '', link = '') {
+      const { desc, imgUrl, title } = {
+        title: ShareTitle,
+        imgUrl: ShareImageUrl,
+        desc: ShareText
+      }
+      // 低版本微信兼容
+      const appMessage = {
+        title: title, // 分享标题
+        desc: desc, // 分享描述
+        link: link, // 分享链接
+        imgUrl: imgUrl, // 分享图标
+        success: function () {
+        },
+        cancel: function () {
+        }
+      }
+      const timeline = {
+        title: desc, // 分享标题
+        link: link, // 分享链接
+        imgUrl: imgUrl, // 分享图标
+        success: function () {
+        },
+        cancel: function () {
+        }
+      }
+      WxConfig().then(result => {
+        result.ready(() => {
+          // 分享给朋友
+          result.updateAppMessageShareData ? result.updateAppMessageShareData(appMessage) : result.onMenuShareAppMessage(appMessage)
+          // 分享到朋友圈
+          result.updateTimelineShareData ? result.updateTimelineShareData(timeline) : result.onMenuShareTimeline(timeline)
+        })
+      })
+    }
+  }
+}

htmldev/cps/src/views/recommend/index.vue

@@ -135,21 +135,21 @@ export default {
         height: 1110,
         cb () {
           ctx.restore()
-          ctx.font = '600 28px/40px STYuanti-Regular'
+          ctx.font = '500 44px/60px PingFangSC-Medium'
           ctx.fillStyle = '#FA4A4A'
-          ctx.fillText('扫码开启"返不停"', 100, 960)
+          ctx.fillText('扫码开启"返不停"', 62, 952)
 
-          ctx.font = '400 24px/40px STYuanti-Regular'
+          ctx.font = '400 26px/36px PingFangSC-Regular'
           ctx.fillStyle = '#000'
-          ctx.fillText('推荐人：' + userNickname, 100, 1020)
+          ctx.fillText('推荐人：' + userNickname, 62, 1026)
           // 绘制二维码
           vm.setImg({
             ctx,
             src: code.src,
-            x: 510,
-            y: 875,
-            width: 212,
-            height: 212,
+            x: 502,
+            y: 872,
+            width: 222,
+            height: 222,
             cb () {
               vm.strPostSrc = canvas.toDataURL('image/png', 1)
               vm.showPoster = true