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>
|
||||||
<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;
|
||||||
|
|||||||
@ -167,7 +167,7 @@
|
|||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- 奖品详情弹窗 -->
|
<!-- 奖品详情弹窗 -->
|
||||||
<RewardsPopup
|
<RewardsPopup
|
||||||
v-model:visible="rewardsVisible"
|
v-model:visible="rewardsVisible"
|
||||||
:title="`${detail.name || '奖池'} · 奖品与概率`"
|
:title="`${detail.name || '奖池'} · 奖品与概率`"
|
||||||
:reward-groups="rewardGroups"
|
:reward-groups="rewardGroups"
|
||||||
|
|||||||
@ -15,11 +15,11 @@
|
|||||||
<template #content>
|
<template #content>
|
||||||
<ActivityTabs v-model="tabActive" :stagger="1">
|
<ActivityTabs v-model="tabActive" :stagger="1">
|
||||||
<template #pool>
|
<template #pool>
|
||||||
<RewardsPreview
|
<RewardsPreview
|
||||||
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
|
<!-- 暂时注释掉奖池详情弹窗 -->
|
||||||
v-model:visible="rewardsVisible"
|
<!-- <RewardsPopup
|
||||||
|
v-model:visible="rewardsVisible"
|
||||||
:title="`${currentIssueTitle} · 奖池与概率`"
|
:title="`${currentIssueTitle} · 奖池与概率`"
|
||||||
:reward-groups="rewardGroups"
|
:reward-groups="rewardGroups"
|
||||||
/>
|
/> -->
|
||||||
|
|
||||||
<LotteryResultPopup
|
<LotteryResultPopup
|
||||||
v-model:visible="showResultPopup"
|
v-model:visible="showResultPopup"
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user