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:
parent
fd252efae1
commit
eb3257f1bd
@ -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;
|
||||
|
||||
@ -167,7 +167,7 @@
|
||||
</view>
|
||||
|
||||
<!-- 奖品详情弹窗 -->
|
||||
<RewardsPopup
|
||||
<RewardsPopup
|
||||
v-model:visible="rewardsVisible"
|
||||
:title="`${detail.name || '奖池'} · 奖品与概率`"
|
||||
:reward-groups="rewardGroups"
|
||||
|
||||
@ -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"
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user