Hooke / map-demo

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
cc91e5ae 1 parent f42f5868

refactor(BottomNav): 将本地图标引用替换为CDN链接并修改激活颜色 

将底部导航栏的图标从本地资源改为CDN链接，便于统一管理
将激活状态颜色从#4A90E2改为#54ABAE
Inline Side-by-side
Showing 1 changed file with 10 additions and 10 deletions
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-08-29 11:39:51 4 + * @LastEditTime: 2025-09-09 11:08:37
5 * @FilePath: /map-demo/src/components/BottomNav.vue 5 * @FilePath: /map-demo/src/components/BottomNav.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
...@@ -23,15 +23,15 @@ ...@@ -23,15 +23,15 @@
23 <script setup> 23 <script setup>
24 import { computed, shallowRef } from 'vue'; 24 import { computed, shallowRef } from 'vue';
25 import wx from 'weixin-js-sdk' 25 import wx from 'weixin-js-sdk'
26 -import homeIcon from '@images/icons/home.svg';
27 -import homeIconActive from '@images/icons/home_active.svg';
28 -import rewardsIcon from '@images/icons/rewards.svg';
29 -import rewardsIconActive from '@images/icons/rewards_active.svg';
30 -import activitiesIcon from '@images/icons/activities.svg';
31 -import activitiesIconActive from '@images/icons/activities_active.svg';
32 -import meIcon from '@images/icons/me.svg';
33 -import meIconActive from '@images/icons/me_active.svg';
34 26
27 +const homeIcon = 'https://cdn.ipadbiz.cn/lls_prog/icon/home.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';
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';
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';
34 +const meIconActive = 'https://cdn.ipadbiz.cn/lls_prog/icon/me_active1.svg';
35 /** 35 /**
36 * 检测是否在小程序web-view环境中 36 * 检测是否在小程序web-view环境中
37 * @returns {boolean} 是否在小程序环境 37 * @returns {boolean} 是否在小程序环境
...@@ -89,7 +89,7 @@ const navigate = (path) => { ...@@ -89,7 +89,7 @@ const navigate = (path) => {
89 89
90 /* 激活状态 */ 90 /* 激活状态 */
91 .nav-item-active { 91 .nav-item-active {
92 - color: #4A90E2; 92 + color: #54ABAE;
93 } 93 }
94 94
95 /* 非激活状态 */ 95 /* 非激活状态 */
......