hookehuyr

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

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