图标调整

 <!--
 <!--
  * @Date: 2023-05-19 14:54:27
  * @Date: 2023-05-19 14:54:27
  * @LastEditors: hookehuyr hookehuyr@gmail.com
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2023-06-08 17:33:46
+ * @LastEditTime: 2023-06-12 10:35:56
  * @FilePath: /map-demo/src/views/index.vue
  * @FilePath: /map-demo/src/views/index.vue
  * @Description: 地图主体页面
  * @Description: 地图主体页面
 -->
 -->
@@ -12,8 +12,8 @@
       <div class="hideScrollBar nav-bar-content">
       <div class="hideScrollBar nav-bar-content">
         <div v-for="(item, index) in navBarList" :key="index" :class="[isActive === index ? 'checked' : '', 'item']"
         <div v-for="(item, index) in navBarList" :key="index" :class="[isActive === index ? 'checked' : '', 'item']"
           @click="setNavLayer(item, index)">
           @click="setNavLayer(item, index)">
-          <van-icon :name="item.icon" size="2rem" /><br />
-          <span style="font-size: 0.85rem; margin-top: 0.5rem; display: inline-block;">{{ item.name }}</span>
+          <van-icon :name="isActive === index ? item.icon[1] : item.icon[0]" size="2rem" /><br />
+          <span style="font-size: 0.85rem; margin-top: 0.25rem; display: inline-block;">{{ item.name }}</span>
         </div>
         </div>
         <div style="width: 4rem;flex-shrink: 0;"></div>
         <div style="width: 4rem;flex-shrink: 0;"></div>
         <div style="position: fixed; right: 0; background-color: white; height: 4.5rem; width: 4rem;">
         <div style="position: fixed; right: 0; background-color: white; height: 4.5rem; width: 4rem;">
@@ -216,23 +216,23 @@ export default {
     this.navBarList = [{
     this.navBarList = [{
       key: 'spot',
       key: 'spot',
       name: '景点',
       name: '景点',
-      icon: 'https://cdn.ipadbiz.cn/xys/map/%E6%AE%BF%E5%A0%82@2x.png'
+      icon: ['https://cdn.ipadbiz.cn/xys/map/%E6%99%AF%E7%82%B901@2x.png', 'https://cdn.ipadbiz.cn/xys/map/%E6%99%AF%E7%82%B902@2x.png']
     }, {
     }, {
       key: 'activity',
       key: 'activity',
       name: '餐饮',
       name: '餐饮',
-      icon: 'https://cdn.ipadbiz.cn/xys/map/%E8%8A%B1%E5%9B%AD@2x.png'
+      icon: ['https://cdn.ipadbiz.cn/xys/map/%E9%A4%90%E9%A5%AE01@2x.png', 'https://cdn.ipadbiz.cn/xys/map/%E9%A4%90%E9%A5%AE02@2x.png']
     }, {
     }, {
       key: 'public',
       key: 'public',
       name: '出入口',
       name: '出入口',
-      icon: 'https://cdn.ipadbiz.cn/xys/map/%E5%87%BA%E5%85%A5%E5%8F%A3@2x.png'
+      icon: ['https://cdn.ipadbiz.cn/xys/map/%E8%BF%9B%E5%87%BA%E5%8F%A301@2x.png', 'https://cdn.ipadbiz.cn/xys/map/%E8%BF%9B%E5%87%BA%E5%8F%A302@2x.png']
     }, {
     }, {
       key: 'toilet',
       key: 'toilet',
       name: '卫生间',
       name: '卫生间',
-      icon: 'https://cdn.ipadbiz.cn/xys/map/%E5%8E%95%E6%89%80@2x.png'
+      icon: ['https://cdn.ipadbiz.cn/xys/map/%E5%8D%AB%E7%94%9F%E9%97%B401@2x.png', 'https://cdn.ipadbiz.cn/xys/map/%E5%8D%AB%E7%94%9F%E9%97%B402@2x.png']
     }, {
     }, {
       key: 'warn',
       key: 'warn',
       name: '预警',
       name: '预警',
-      icon: 'https://cdn.ipadbiz.cn/xys/map/%E5%BC%82%E5%B8%B802@2x.png'
+      icon: ['https://cdn.ipadbiz.cn/xys/map/%E7%BA%BF%E8%B7%AF@2x.png', 'https://cdn.ipadbiz.cn/xys/map/%E7%BA%BF%E8%B7%AF@2x.png']
     }]
     }]
     // 初始化地图
     // 初始化地图
     this.initMap();
     this.initMap();