2023-6-7

App.vue

@@ -1,4 +1,5 @@
 <script>
+  const jwx = require('jweixin-module')
 	export default {
 		onLaunch: function() {
 			console.log('App Launch')
@@ -17,6 +18,45 @@
             })
             this.$u.vuex('vuex_token', res.token)
             this.$u.vuex('vuex_userId', res.user_id)
+            let url = location.href.split('#')[0]
+            this.$u.api.share({
+              url
+            }).then(res => {
+              jwx.config({
+                debug: true, // 开启调试模式,调用的所有 api 的返回值会在客户端 alert 出来，若要查看传入的参数，可以在 pc 端打开，参数信息会通过 log 打出，仅在 pc 端时才会打印。
+                appId: res.appId,
+                jsApiList: res.jsApiList,
+                nonceStr: res.nonceStr,
+                signature: res.signature,
+                timestamp: res.timestamp,
+              })
+              jwx.ready(() => {
+                jwx.updateAppMessageShareData({
+                  title: '疯狂赏金-192用户现金红包大派送', // 分享标题
+                  desc: '疯狂赏金-192用户现金红包大派',
+                  link: url, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
+                  imgUrl: '/static/share-img.jpeg', // 分享图标
+                });
+                jwx.onMenuShareAppMessage({
+                  title: '疯狂赏金-192用户现金红包大派', // 分享标题
+                  desc: '疯狂赏金-192用户现金红包大派',
+                  link: url, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
+                  imgUrl: '/static/share-img.jpeg', // 分享图标
+                });
+                jwx.updateTimelineShareData({
+                  title: '疯狂赏金-192用户现金红包大派', // 分享标题
+                  desc: '疯狂赏金-192用户现金红包大派',
+                  link: url, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
+                  imgUrl: '/static/share-img.jpeg', // 分享图标
+                });
+                jwx.onMenuShareTimeline({
+                  title: '疯狂赏金-192用户现金红包大派', // 分享标题
+                  desc: '疯狂赏金-192用户现金红包大派',
+                  link: url, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
+                  imgUrl: '/static/share-img.jpeg', // 分享图标
+                });
+              })
+            })
           })
         }
       } else {

common/http.api.js

@@ -7,7 +7,8 @@ let apiApp = {
 	draw: '/api/mobile/draw/draw',
 	endTask: '/api/mobile/draw/end-task',
 	mobileCheck: '/api/mobile/draw/mobile-check',
-	bindMobile: '/api/mobile/user/bind-mobile'
+	bindMobile: '/api/mobile/user/bind-mobile',
+	share: '/api/mobile/user/wechat-share'
 }
 
 // 此处第二个参数vm，就是我们在页面使用的this，你可以通过vm获取vuex等操作
@@ -22,8 +23,9 @@ const install = (Vue, vm) => {
 	let mobileCheck = (params = {}) => vm.$u.get(apiApp.mobileCheck, params);
 	let sendSms = (params = {}) => vm.$u.get(apiApp.sendSms, params);
 	let bindMobile = (params = {}) => vm.$u.get(apiApp.bindMobile, params);
+	let share = (params = {}) => vm.$u.get(apiApp.share, params);
 	// 将各个定义的接口名称，统一放进对象挂载到vm.$u.api(因为vm就是this，也即this.$u.api)下
-	vm.$u.api = { login, getPrize, draw, endTask, mobileCheck, getAppId, sendSms, bindMobile  };
+	vm.$u.api = { login, getPrize, draw, endTask, mobileCheck, getAppId, sendSms, bindMobile, share  };
 }
 
 export default {

package.json

@@ -0,0 +1,5 @@
+{
+  "dependencies": {
+    "jweixin-module": "^1.6.0"
+  }
+}

pages/index/index.vue

@@ -122,7 +122,7 @@ import popover from "@/component/popover/index.vue";
 
       async getNotices() {
         const res = await this.$u.api.getPrize()
-        this.notices = res.draw_log_day?.map(i => `恭喜${i.mobile.slice(0,3)}****${i.mobile.slice(-4)}获得${i.draw_prize ? i.draw_prize.name : ''}`)
+        this.notices = res.draw_log_day?.filter(i => i.draw_prize?.name !== '谢谢参与')?.map(i => `恭喜${i.mobile.slice(0,3)}****${i.mobile.slice(-4)}获得${i.draw_prize ? i.draw_prize.name : ''}`)
       },
 
       sendCode() {

pages/join/index.vue

@@ -14,7 +14,7 @@
       </view>
 
       <view class="notice">
-        恭喜192****1774获得1.99元红包
+        <u-notice-bar :speed="80" color="#fff" bg-color="transparent" :volume-icon="false" :more-icon="false" :list="notices"></u-notice-bar>
       </view>
 
       <view class="present">
@@ -42,14 +42,28 @@
 export default {
   data() {
     return {
-
+      notices: []
     }
   },
   onLoad() {
   },
   methods: {
+    async getNotices() {
+      const res = await this.$u.api.getPrize()
+      this.notices = res.draw_log_day?.filter(i => i.draw_prize?.name !== '谢谢参与')?.map(i => `恭喜${i.mobile.slice(0,3)}****${i.mobile.slice(-4)}获得${i.draw_prize ? i.draw_prize.name : ''}`)
+    },
   },
   computed: {
+  },
+  watch: {
+    vuex_token: {
+      handler(newVal){
+        if(newVal) {
+          this.getNotices()
+        }
+      },
+      immediate: true
+    }
   }
 }
 </script>

pages/raffle/raffle.vue

@@ -202,7 +202,7 @@ export default {
       }
       this.prizeList = arr
       this.usrInfo = res.user
-      this.notices = res.draw_log_day?.map(i => `恭喜${i.mobile.slice(0,3)}****${i.mobile.slice(-4)}获得${i.draw_prize ? i.draw_prize.name : ''}`)
+      this.notices = res.draw_log_day?.filter(i => i.draw_prize?.name !== '谢谢参与')?.map(i => `恭喜${i.mobile.slice(0,3)}****${i.mobile.slice(-4)}获得${i.draw_prize ? i.draw_prize.name : ''}`)
     },
     async draw() {
       try{