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 class="section-header">
<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 v-if="hideViewAll" class="tip-text">每抽都有概率出以下商品盲盒消费具有随机性请理性消费</view>
<!-- 分组展示 -->
<view v-if="grouped && rewardGroups.length > 0">
@ -67,6 +69,10 @@ const props = defineProps({
emptyText: {
type: String,
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 {
margin-bottom: $spacing-lg;

View File

@ -167,7 +167,7 @@
</view>
<!-- 奖品详情弹窗 -->
<RewardsPopup
<RewardsPopup
v-model:visible="rewardsVisible"
:title="`${detail.name || '奖池'} · 奖品与概率`"
:reward-groups="rewardGroups"

View File

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