绿满眶商城微信小程序-uniapp
peng
2025-09-02 33e6a2535324373ee63ec5b3950b328d07762d81
pages/prize/PrizeDetail/PrizeDetail.vue
@@ -18,7 +18,7 @@
      <view class="prize-section">
         <view class="section-title">奖品池</view>
         <view class="prize-grid">
            <view class="prize-item" v-for="(prize, index) in prizeList" :key="prize.id">
            <view class="prize-item" v-for="(prize, index) in prizeDraws" :key="prize.id">
               <image :src="prize.img" class="prize-img" />
               <text class="prize-name">{{ prize.name }}</text>
            </view>
@@ -139,6 +139,7 @@
            originalWinners: [],
            // 奖品列表,
            prizeList: [],
            prizeDraws: [],
            // 分享朋友圈尝试标记
            shareTimelineAttempt: false,
            activityCover:'',
@@ -166,29 +167,31 @@
               img: item.prizeImg
            }
         })
         this.prizeDraws = this.prizeList;
         this.prizeList = [...this.prizeList]
         this.prizeList.push({
            id: 'notWIn',
            name: "谢谢参与"
            name: "再来一次"
         })
         await this.getUnmber(this.activityId)
         await this.getGrantRecord(this.activityId)
      },
      onShareTimeline(e) {
         console.log('------------------>', e)
         // 如果用户尝试过分享朋友圈,给予奖励
         if (this.shareTimelineAttempt) {
            this.remainingTimes++;
            this.shareTimelineAttempt = false;
            uni.showToast({
               title: '获得1次抽奖机会',
               icon: 'success'
            });
         }
         return {
            title: '快来参与抽奖活动吧!',
            path: '/pages/prize/PrizeDetail/PrizeDetail?id=' + this.activityId
         }
      },
      // onShareTimeline(e) {
      //    console.log('------------------>', e)
      //    // 如果用户尝试过分享朋友圈,给予奖励
      //    if (this.shareTimelineAttempt) {
      //       this.remainingTimes++;
      //       this.shareTimelineAttempt = false;
      //       uni.showToast({
      //          title: '获得1次抽奖机会',
      //          icon: 'success'
      //       });
      //    }
      //    return {
      //       title: '快来参与抽奖活动吧!',
      //       path: '/pages/prize/PrizeDetail/PrizeDetail?id=' + this.activityId
      //    }
      // },
      //可能会使用到
      mounted() {
         // this.startAutoScroll()
@@ -335,7 +338,7 @@
            this.closeMoreChancesModal();
            uni.showModal({
               title: '去购物',
               content: '即将跳转到商品广场',
               content: '即将跳转到购物车',
               success: (res) => {
                  if (res.confirm) {
                     // 或者跳转到购物车
@@ -489,9 +492,11 @@
   .prize-grid {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      justify-content: flex-start;
   }
   .prize-item:nth-child(n+1){
      margin-left: 15rpx;
   }
   .prize-item {
      width: 22%;
      margin-bottom: 20rpx;