hookehuyr

style(Rewards): 优化奖励页面样式和排序图标显示

- 为未选中的积分选项添加背景色提高可读性
- 将排序图标从ScreenLittle替换为更直观的TriangleUp/TriangleDown
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';
......