抽奖页面调整

peng

2025-10-24 87aa32c81e39d2def1dd382bb9cce6ccc420b029

抽奖页面调整

 pages/prize/PrizeDetail/PrizeDetail.vue

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

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

        <!-- 剩余抽奖次数 -->
@@ -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;
    }

    /* 奖品展示 */