feat(奖励页面): 优化快速兑换选项显示和布局
调整快速兑换选项的标签格式,将"X分可兑"改为分数范围显示 在兑换选项卡片中添加"可兑"文字并优化布局
Showing
1 changed file
with
8 additions
and
5 deletions
| 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) => { | ... | ... |
-
Please register or login to post a comment