style(theme): 更新主题颜色变量和导航栏样式
统一使用主题颜色变量替换硬编码颜色值 更新导航栏图标和文字颜色样式
Showing
3 changed files
with
12 additions
and
11 deletions
| ... | @@ -9,6 +9,8 @@ | ... | @@ -9,6 +9,8 @@ |
| 9 | --success-color: #10B981; | 9 | --success-color: #10B981; |
| 10 | --warning-color: #F59E0B; | 10 | --warning-color: #F59E0B; |
| 11 | --error-color: #EF4444; | 11 | --error-color: #EF4444; |
| 12 | + --color-primary: var(--primary-color); | ||
| 13 | + --color-text: #9CA3AF; | ||
| 12 | } | 14 | } |
| 13 | 15 | ||
| 14 | .bg-blue-500 { | 16 | .bg-blue-500 { | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Date: 2025-08-27 17:44:10 | 2 | * @Date: 2025-08-27 17:44:10 |
| 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com | 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com |
| 4 | - * @LastEditTime: 2025-09-02 21:37:13 | 4 | + * @LastEditTime: 2025-09-09 11:04:34 |
| 5 | * @FilePath: /lls_program/src/components/BottomNav.vue | 5 | * @FilePath: /lls_program/src/components/BottomNav.vue |
| 6 | * @Description: 文件描述 | 6 | * @Description: 文件描述 |
| 7 | --> | 7 | --> |
| ... | @@ -25,13 +25,13 @@ import { computed, shallowRef } from 'vue'; | ... | @@ -25,13 +25,13 @@ import { computed, shallowRef } from 'vue'; |
| 25 | import Taro from '@tarojs/taro'; | 25 | import Taro from '@tarojs/taro'; |
| 26 | // | 26 | // |
| 27 | const homeIcon = 'https://cdn.ipadbiz.cn/lls_prog/icon/home.svg'; | 27 | const homeIcon = 'https://cdn.ipadbiz.cn/lls_prog/icon/home.svg'; |
| 28 | -const homeIconActive = 'https://cdn.ipadbiz.cn/lls_prog/icon/home_active.svg'; | 28 | +const homeIconActive = 'https://cdn.ipadbiz.cn/lls_prog/icon/home_active1.svg'; |
| 29 | const rewardsIcon = 'https://cdn.ipadbiz.cn/lls_prog/icon/rewards.svg'; | 29 | const rewardsIcon = 'https://cdn.ipadbiz.cn/lls_prog/icon/rewards.svg'; |
| 30 | -const rewardsIconActive = 'https://cdn.ipadbiz.cn/lls_prog/icon/rewards_active.svg'; | 30 | +const rewardsIconActive = 'https://cdn.ipadbiz.cn/lls_prog/icon/rewards_active1.svg'; |
| 31 | const activitiesIcon = 'https://cdn.ipadbiz.cn/lls_prog/icon/activities.svg'; | 31 | const activitiesIcon = 'https://cdn.ipadbiz.cn/lls_prog/icon/activities.svg'; |
| 32 | -const activitiesIconActive = 'https://cdn.ipadbiz.cn/lls_prog/icon/activities_active.svg'; | 32 | +const activitiesIconActive = 'https://cdn.ipadbiz.cn/lls_prog/icon/activities_active1.svg'; |
| 33 | const meIcon = 'https://cdn.ipadbiz.cn/lls_prog/icon/me.svg'; | 33 | const meIcon = 'https://cdn.ipadbiz.cn/lls_prog/icon/me.svg'; |
| 34 | -const meIconActive = 'https://cdn.ipadbiz.cn/lls_prog/icon/me_active.svg'; | 34 | +const meIconActive = 'https://cdn.ipadbiz.cn/lls_prog/icon/me_active1.svg'; |
| 35 | 35 | ||
| 36 | const navItems = shallowRef([ | 36 | const navItems = shallowRef([ |
| 37 | { path: '/pages/Dashboard/index', icon: homeIcon, activeIcon: homeIconActive, label: '首页' }, | 37 | { path: '/pages/Dashboard/index', icon: homeIcon, activeIcon: homeIconActive, label: '首页' }, |
| ... | @@ -54,11 +54,11 @@ const navigate = (path) => { | ... | @@ -54,11 +54,11 @@ const navigate = (path) => { |
| 54 | }; | 54 | }; |
| 55 | </script> | 55 | </script> |
| 56 | 56 | ||
| 57 | -<style> | 57 | +<style lang="less"> |
| 58 | .icon-text-color-active { | 58 | .icon-text-color-active { |
| 59 | - color: #4A90E2; | 59 | + color: var(--color-primary); |
| 60 | } | 60 | } |
| 61 | .icon-text-color-default { | 61 | .icon-text-color-default { |
| 62 | - color: #9CA3AF; | 62 | + color: var(--color-text); |
| 63 | } | 63 | } |
| 64 | </style> | 64 | </style> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Date: 2022-09-19 14:11:06 | 2 | * @Date: 2022-09-19 14:11:06 |
| 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com | 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com |
| 4 | - * @LastEditTime: 2025-09-07 11:09:26 | 4 | + * @LastEditTime: 2025-09-09 11:10:35 |
| 5 | * @FilePath: /lls_program/src/pages/ActivitiesCover/index.vue | 5 | * @FilePath: /lls_program/src/pages/ActivitiesCover/index.vue |
| 6 | * @Description: 活动海报页面 - 展示活动信息并处理定位授权 | 6 | * @Description: 活动海报页面 - 展示活动信息并处理定位授权 |
| 7 | --> | 7 | --> |
| ... | @@ -45,7 +45,6 @@ | ... | @@ -45,7 +45,6 @@ |
| 45 | <nut-button | 45 | <nut-button |
| 46 | type="primary" | 46 | type="primary" |
| 47 | size="large" | 47 | size="large" |
| 48 | - class="join-button" | ||
| 49 | :color="THEME_COLORS.PRIMARY" | 48 | :color="THEME_COLORS.PRIMARY" |
| 50 | :loading="isJoining" | 49 | :loading="isJoining" |
| 51 | @click="checkFamilyStatusAndJoinActivity" | 50 | @click="checkFamilyStatusAndJoinActivity" |
| ... | @@ -117,7 +116,7 @@ | ... | @@ -117,7 +116,7 @@ |
| 117 | @click="onLocationConfirm" | 116 | @click="onLocationConfirm" |
| 118 | type="primary" | 117 | type="primary" |
| 119 | size="normal" | 118 | size="normal" |
| 120 | - color="#007AFF" | 119 | + :color="THEME_COLORS.PRIMARY" |
| 121 | block | 120 | block |
| 122 | > | 121 | > |
| 123 | 同意授权 | 122 | 同意授权 | ... | ... |
-
Please register or login to post a comment