style(Rewards): 优化奖励页面样式和排序图标显示
- 为未选中的积分选项添加背景色提高可读性 - 将排序图标从ScreenLittle替换为更直观的TriangleUp/TriangleDown
Showing
1 changed file
with
5 additions
and
4 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-13 16:22:18 | 4 | + * @LastEditTime: 2025-09-15 13:03:39 |
| 5 | * @FilePath: /lls_program/src/pages/Rewards/index.vue | 5 | * @FilePath: /lls_program/src/pages/Rewards/index.vue |
| 6 | * @Description: 文件描述 | 6 | * @Description: 文件描述 |
| 7 | --> | 7 | --> |
| ... | @@ -35,7 +35,7 @@ | ... | @@ -35,7 +35,7 @@ |
| 35 | 'flex-1 py-3 rounded-lg border text-center', | 35 | 'flex-1 py-3 rounded-lg border text-center', |
| 36 | selectedPoints === option.range | 36 | selectedPoints === option.range |
| 37 | ? 'border-blue-500 bg-blue-50 text-blue-500' | 37 | ? 'border-blue-500 bg-blue-50 text-blue-500' |
| 38 | - : 'border-gray-200 text-gray-700' | 38 | + : 'border-gray-200 text-gray-700 bg-gray-50' |
| 39 | ]"> | 39 | ]"> |
| 40 | <view class="text-center text-xs"> | 40 | <view class="text-center text-xs"> |
| 41 | <view>{{ option.label }}</view> | 41 | <view>{{ option.label }}</view> |
| ... | @@ -47,7 +47,8 @@ | ... | @@ -47,7 +47,8 @@ |
| 47 | <h3 class="text-lg font-medium">可兑换列表</h3> | 47 | <h3 class="text-lg font-medium">可兑换列表</h3> |
| 48 | <view class="flex items-center text-gray-500 text-sm" @click="toggleSortOrder"> | 48 | <view class="flex items-center text-gray-500 text-sm" @click="toggleSortOrder"> |
| 49 | <span class="mr-1">{{ sortOrder === 'desc' ? '从高到低排列' : '从低到高排列' }}</span> | 49 | <span class="mr-1">{{ sortOrder === 'desc' ? '从高到低排列' : '从低到高排列' }}</span> |
| 50 | - <ScreenLittle /> | 50 | + <TriangleDown v-if="sortOrder === 'desc'" /> |
| 51 | + <TriangleUp v-else /> | ||
| 51 | </view> | 52 | </view> |
| 52 | </view> | 53 | </view> |
| 53 | <!-- Rewards list --> | 54 | <!-- Rewards list --> |
| ... | @@ -100,7 +101,7 @@ | ... | @@ -100,7 +101,7 @@ |
| 100 | <script setup> | 101 | <script setup> |
| 101 | import { ref, computed, onMounted, watch } from 'vue'; | 102 | import { ref, computed, onMounted, watch } from 'vue'; |
| 102 | import Taro, { useDidShow } from '@tarojs/taro'; | 103 | import Taro, { useDidShow } from '@tarojs/taro'; |
| 103 | -import { ScreenLittle, Search2, My, ArrowUp, ArrowDown } from '@nutui/icons-vue-taro'; | 104 | +import { TriangleDown, TriangleUp, Search2, My, ArrowUp, ArrowDown } from '@nutui/icons-vue-taro'; |
| 104 | import BottomNav from '../../components/BottomNav.vue'; | 105 | import BottomNav from '../../components/BottomNav.vue'; |
| 105 | // 导入接口 | 106 | // 导入接口 |
| 106 | import { getUserProfileAPI } from '@/api/user'; | 107 | import { getUserProfileAPI } from '@/api/user'; | ... | ... |
-
Please register or login to post a comment