hookehuyr

feat(奖励页面): 优化快速兑换选项显示和布局

调整快速兑换选项的标签格式,将"X分可兑"改为分数范围显示
在兑换选项卡片中添加"可兑"文字并优化布局
<!--
* @Date: 2025-08-27 17:47:26
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-09-03 21:43:41
* @LastEditTime: 2025-09-04 12:38:36
* @FilePath: /lls_program/src/pages/Rewards/index.vue
* @Description: 文件描述
-->
......@@ -39,7 +39,10 @@
? 'border-blue-500 bg-blue-50 text-blue-500'
: 'border-gray-200 text-gray-700'
]">
{{ option.label }}
<view class="text-center">
<view>{{ option.label }}</view>
<view>可兑</view>
</view>
</view>
</view>
<view class="flex justify-between items-center mb-4">
......@@ -147,9 +150,9 @@ const rewardItems = ref([
]);
const quickExchangeOptions = ref([
{ points: 3000, label: '3000分可兑' },
{ points: 1000, label: '1000分可兑' },
{ points: 100, label: '100分可兑' }
{ points: 3000, label: '1000-3000分' },
{ points: 1000, label: '100-1000分' },
{ points: 100, label: '1-100分' }
]);
const goToRewardDetail = (reward) => {
......