app导航栏样式优化

pages/index/index.vue

@@ -44,27 +44,51 @@
         v-show="menus.device != null"
         text="设备中心"
         name="device"
-        icon="calendar"
+        :icon="
+          PageCur === 'device'
+            ? '/static/navIcon/device-active.png'
+            : '/static/navIcon/device.png'
+        "
       ></u-tabbar-item>
       <u-tabbar-item
         v-show="menus.warndata != null"
         text="预警分析"
         name="warndata"
-        icon="plus-circle"
+        :icon="
+          PageCur === 'warndata'
+            ? '/static/navIcon/yjfx-active.png'
+            : '/static/navIcon/yjfx.png'
+        "
       ></u-tabbar-item>
       <u-tabbar-item
         v-show="menus.filecenter != null"
         text="文件共享"
         name="filecenter"
-        icon="file-text"
+        :icon="
+          PageCur === 'filecenter'
+            ? '/static/navIcon/file-active.png'
+            : '/static/navIcon/file.png'
+        "
       ></u-tabbar-item>
       <u-tabbar-item
         v-show="menus.gasreport != null"
         text="瓦斯日报"
         name="gasreport"
-        icon="bell"
+        :icon="
+          PageCur === 'gasreport'
+            ? '/static/navIcon/gas-active.png'
+            : '/static/navIcon/gas.png'
+        "
+      ></u-tabbar-item>
+      <u-tabbar-item
+        text="我的"
+        name="user"
+        :icon="
+          PageCur === 'user'
+            ? '/static/navIcon/user-active.png'
+            : '/static/navIcon/user.png'
+        "
       ></u-tabbar-item>
-      <u-tabbar-item text="我的" name="user" icon="bell"></u-tabbar-item>
     </u-tabbar>
   </view>
 </template>