feat(无限赏): 隐藏奖池"查看全部"按钮,增加理性消费提示

1. RewardsPreview 组件新增 hideViewAll prop(默认 false):
   - hideViewAll=true 时隐藏"查看全部"按钮,显示理性消费提示
   - hideViewAll=false 时保持原有行为,不影响其他页面
   - 提示文字样式:橙色文字 + 浅橙背景 + 左侧竖条装饰

2. 无限赏页面(wuxianshang/index.vue):
   - RewardsPreview 传入 :hide-view-all="true"
   - 移除 @view-all 事件绑定
   - 注释掉 RewardsPopup 奖池详情弹窗(保留代码便于后续恢复)

3. 对对碰页面(duiduipeng/index.vue):
   - 不受影响,保持原有"查看全部"按钮和弹窗功能

提示内容:每抽都有概率出以下商品,盲盒消费具有随机性,请理性消费
This commit is contained in:
Zuncle 2026-03-22 16:57:22 +08:00
parent fd252efae1
commit eb3257f1bd
3 changed files with 25 additions and 8 deletions

View File

@ -2,8 +2,10 @@
<view> <view>
<view class="section-header"> <view class="section-header">
<text class="section-title">{{ title }}</text> <text class="section-title">{{ title }}</text>
<text class="section-more" @tap="$emit('view-all')">查看全部</text> <!-- 通过 hideViewAll 控制是否显示查看全部按钮 -->
<text v-if="!hideViewAll" class="section-more" @tap="$emit('view-all')">查看全部</text>
</view> </view>
<view v-if="hideViewAll" class="tip-text">每抽都有概率出以下商品盲盒消费具有随机性请理性消费</view>
<!-- 分组展示 --> <!-- 分组展示 -->
<view v-if="grouped && rewardGroups.length > 0"> <view v-if="grouped && rewardGroups.length > 0">
@ -67,6 +69,10 @@ const props = defineProps({
emptyText: { emptyText: {
type: String, type: String,
default: '暂无奖品配置' default: '暂无奖品配置'
},
hideViewAll: {
type: Boolean,
default: false
} }
}) })
@ -115,6 +121,16 @@ const rewardGroups = computed(() => {
} }
} }
.tip-text {
font-size: 22rpx;
color: #E67E22;
margin-bottom: $spacing-md;
background: rgba(230, 126, 34, 0.08);
padding: 12rpx 16rpx;
border-radius: 8rpx;
border-left: 4rpx solid rgba(230, 126, 34, 0.5);
}
/* 等级分组 */ /* 等级分组 */
.prize-level-row { .prize-level-row {
margin-bottom: $spacing-lg; margin-bottom: $spacing-lg;

View File

@ -19,7 +19,7 @@
title="奖池配置" title="奖池配置"
:rewards="currentIssueRewards" :rewards="currentIssueRewards"
:grouped="true" :grouped="true"
@view-all="rewardsVisible = true" :hide-view-all="true"
/> />
</template> </template>
<template #records> <template #records>
@ -51,11 +51,12 @@
</template> </template>
<template #modals> <template #modals>
<RewardsPopup <!-- 暂时注释掉奖池详情弹窗 -->
<!-- <RewardsPopup
v-model:visible="rewardsVisible" v-model:visible="rewardsVisible"
:title="`${currentIssueTitle} · 奖池与概率`" :title="`${currentIssueTitle} · 奖池与概率`"
:reward-groups="rewardGroups" :reward-groups="rewardGroups"
/> /> -->
<LotteryResultPopup <LotteryResultPopup
v-model:visible="showResultPopup" v-model:visible="showResultPopup"