页面优化

peng

2025-10-30 c61f03cfe1fcf023c7128f77f3d692aef309f77f

 pages/prize/PrizeDetail/PrizeDetail.vue

@@ -14,7 +14,10 @@

      <!-- 获取更多机会按钮 - 右上角悬浮 -->
      <view class="floating-more-btn" @tap="showMoreChances">
         <text class="floating-btn-icon">🎁</text>
         <view class="floating-btn-content">
            <text class="floating-btn-icon">🎁</text>
            <text class="floating-btn-text">更多机会</text>
         </view>
      </view>

      <!-- 剩余抽奖次数 -->
@@ -74,7 +77,7 @@
            </view>

            <view class="modal-buttons" v-if="currentPrize.id !== 'notWIn'">
               <button class="confirm-btn" @tap="useItNow">去购物</button>
               <button class="confirm-btn" @tap="useItNow">去兑换</button>
            </view>
            <view class="modal-buttons" v-else>
               <button class="confirm-btn" @tap="closePrizeModal">确定</button>
@@ -251,13 +254,13 @@
        let extend = {shareId:shareId}
        param.extend = JSON.stringify(extend)
        addPrizeNum(param);    
        }
        
        let param2 = {
           addType:"USER_STAY_TIME",
           extend:"",
        }
        addPrizeNum(param2);
        }
      },
      async onLoad(option) {
         if(option.shareId){
@@ -1330,8 +1333,8 @@
      position: fixed;
      top: 30rpx;
      right: 30rpx;
      width: 100rpx;
      height: 100rpx;
      width: 120rpx;
      height: 120rpx;
      background: linear-gradient(45deg, #ff6b6b, #feca57);
      border-radius: 50%;
      display: flex;
@@ -1340,6 +1343,8 @@
      box-shadow: 0 6rpx 20rpx rgba(255, 107, 107, 0.4);
      z-index: 9999;
      transition: all 0.3s ease;
      flex-direction: column;
      padding: 10rpx 0;
   }

   .floating-more-btn::before {
@@ -1375,12 +1380,29 @@
      box-shadow: 0 4rpx 15rpx rgba(255, 107, 107, 0.5);
   }

   .floating-btn-content {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      z-index: 1;
      position: relative;
   }

   .floating-btn-icon {
      font-size: 36rpx;
      color: white;
      filter: drop-shadow(0 2rpx 4rpx rgba(0, 0, 0, 0.2));
      margin-bottom: 5rpx;
   }

   .floating-btn-text {
      font-size: 20rpx;
      color: white;
      z-index: 1;
      position: relative;
      filter: drop-shadow(0 2rpx 4rpx rgba(0, 0, 0, 0.2));
      text-shadow: 0 1rpx 3rpx rgba(0, 0, 0, 0.2);
      white-space: nowrap;
   }

   /* 奖品展示 */