style(PointsCollector): 更新背景图为正式图片
style(PointsDetail): 替换策略卡片图标为自定义图片并调整样式
Showing
2 changed files
with
9 additions
and
8 deletions
| ... | @@ -461,7 +461,8 @@ const handleGoToRewards = () => { | ... | @@ -461,7 +461,8 @@ const handleGoToRewards = () => { |
| 461 | height: 100vh; | 461 | height: 100vh; |
| 462 | // background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); | 462 | // background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); |
| 463 | // TODO: 等待正式背景图 | 463 | // TODO: 等待正式背景图 |
| 464 | - background-image: url('https://cdn.ipadbiz.cn/lls_prog/images/bg-test-2.png'); | 464 | + // background-image: url('https://cdn.ipadbiz.cn/lls_prog/images/bg-test-2.png'); |
| 465 | + background-image: url('https://cdn.ipadbiz.cn/lls_prog/images/dashboard_bg.png'); | ||
| 465 | background-size: cover; | 466 | background-size: cover; |
| 466 | background-position: center bottom; | 467 | background-position: center bottom; |
| 467 | overflow: hidden; | 468 | overflow: hidden; | ... | ... |
| ... | @@ -22,8 +22,8 @@ | ... | @@ -22,8 +22,8 @@ |
| 22 | <!-- Strategy cards --> | 22 | <!-- Strategy cards --> |
| 23 | <view class="space-y-3 mb-6"> | 23 | <view class="space-y-3 mb-6"> |
| 24 | <view class="bg-white border border-gray-100 p-4 rounded-lg flex items-start shadow-sm"> | 24 | <view class="bg-white border border-gray-100 p-4 rounded-lg flex items-start shadow-sm"> |
| 25 | - <view class="w-10 h-10 bg-blue-100 rounded-full flex items-center justify-center mr-3"> | 25 | + <view class="flex items-center justify-center mr-3"> |
| 26 | - <My size="20" class="text-blue-500" /> | 26 | + <IconFont size="50" name="https://cdn.ipadbiz.cn/lls_prog/images/points_details_1.png" ></IconFont> |
| 27 | </view> | 27 | </view> |
| 28 | <view> | 28 | <view> |
| 29 | <h4 class="font-medium">每日同步步数可获得积分</h4> | 29 | <h4 class="font-medium">每日同步步数可获得积分</h4> |
| ... | @@ -33,8 +33,8 @@ | ... | @@ -33,8 +33,8 @@ |
| 33 | </view> | 33 | </view> |
| 34 | </view> | 34 | </view> |
| 35 | <view class="bg-white border border-gray-100 p-4 rounded-lg flex items-start shadow-sm"> | 35 | <view class="bg-white border border-gray-100 p-4 rounded-lg flex items-start shadow-sm"> |
| 36 | - <view class="w-10 h-10 bg-blue-100 rounded-full flex items-center justify-center mr-3"> | 36 | + <view class="flex items-center justify-center mr-3"> |
| 37 | - <My size="20" class="text-blue-500" /> | 37 | + <IconFont size="50" name="https://cdn.ipadbiz.cn/lls_prog/images/points_details_2.png" ></IconFont> |
| 38 | </view> | 38 | </view> |
| 39 | <view> | 39 | <view> |
| 40 | <h4 class="font-medium">家人陪伴健步有奖励积分</h4> | 40 | <h4 class="font-medium">家人陪伴健步有奖励积分</h4> |
| ... | @@ -44,8 +44,8 @@ | ... | @@ -44,8 +44,8 @@ |
| 44 | </view> | 44 | </view> |
| 45 | </view> | 45 | </view> |
| 46 | <view class="bg-white border border-gray-100 p-4 rounded-lg flex items-start shadow-sm"> | 46 | <view class="bg-white border border-gray-100 p-4 rounded-lg flex items-start shadow-sm"> |
| 47 | - <view class="w-10 h-10 bg-blue-100 rounded-full flex items-center justify-center mr-3"> | 47 | + <view class="flex items-center justify-center mr-3"> |
| 48 | - <My size="20" class="text-blue-500" /> | 48 | + <IconFont size="50" name="https://cdn.ipadbiz.cn/lls_prog/images/points_details_3.png" ></IconFont> |
| 49 | </view> | 49 | </view> |
| 50 | <view> | 50 | <view> |
| 51 | <h4 class="font-medium">邀请家人加入家庭,人数达标奖励</h4> | 51 | <h4 class="font-medium">邀请家人加入家庭,人数达标奖励</h4> |
| ... | @@ -110,7 +110,7 @@ import Taro, { useDidShow } from '@tarojs/taro'; | ... | @@ -110,7 +110,7 @@ import Taro, { useDidShow } from '@tarojs/taro'; |
| 110 | import AppHeader from '../../components/AppHeader.vue'; | 110 | import AppHeader from '../../components/AppHeader.vue'; |
| 111 | import BottomNav from '../../components/BottomNav.vue'; | 111 | import BottomNav from '../../components/BottomNav.vue'; |
| 112 | import BackToTop from '../../components/BackToTop.vue'; | 112 | import BackToTop from '../../components/BackToTop.vue'; |
| 113 | -import { Right, My } from '@nutui/icons-vue-taro'; | 113 | +import { Right, My, IconFont } from '@nutui/icons-vue-taro'; |
| 114 | import { getPointListAPI } from '../../api/points'; | 114 | import { getPointListAPI } from '../../api/points'; |
| 115 | 115 | ||
| 116 | const activeTab = ref('all'); | 116 | const activeTab = ref('all'); | ... | ... |
-
Please register or login to post a comment