Browse Source

修改dock的图标名称;新增main页面的图标

画安 3 weeks ago
parent
commit
2c14aafd03

BIN
src/assets/main/dock-coor-hover.png


BIN
src/assets/main/dock-coor.png


BIN
src/assets/main/dock-home-hover.png


BIN
src/assets/main/dock-home.png


BIN
src/assets/main/dock-security-hover.png


BIN
src/assets/main/dock-security.png


BIN
src/assets/main/dock-setting-hover.png


BIN
src/assets/main/dock-setting.png


BIN
src/assets/main/dock-surve-hover.png


BIN
src/assets/main/dock-surve.png


BIN
src/assets/main/dock-watch-hover.png


BIN
src/assets/main/dock-watch.png


BIN
src/assets/main/main-bg.png


BIN
src/assets/main/main-coor-hover.png


BIN
src/assets/main/main-coor.png


BIN
src/assets/main/main-header.png


BIN
src/assets/main/main-home-hover.png


BIN
src/assets/main/main-home.png


BIN
src/assets/main/main-menu-bg-hover.png


BIN
src/assets/main/main-menu-bg.png


BIN
src/assets/main/main-security-hover.png


BIN
src/assets/main/main-security.png


BIN
src/assets/main/main-setting-hover.png


BIN
src/assets/main/main-setting.png


BIN
src/assets/main/main-surve-hover.png


BIN
src/assets/main/main-surve.png


BIN
src/assets/main/main-watch-hover.png


BIN
src/assets/main/main-watch.png


+ 15 - 15
src/components/ui/BottomDock.vue

@@ -88,59 +88,59 @@ export default {
             dockItems: [
                 {
                     label: '首页',
-                    imgUrl: require('@/assets/main/main-home.png'),
-                    activeImgUrl: require('@/assets/main/main-home-hover.png'),
+                    imgUrl: require('@/assets/main/dock-home.png'),
+                    activeImgUrl: require('@/assets/main/dock-home-hover.png'),
                     route: '/home',
                     theme: 'blue',
                 },
                 {
                     label: '状态监控',
-                    imgUrl: require('@/assets/main/main-surve.png'),
-                    activeImgUrl: require('@/assets/main/main-surve-hover.png'),
+                    imgUrl: require('@/assets/main/dock-surve.png'),
+                    activeImgUrl: require('@/assets/main/dock-surve-hover.png'),
                     route: '/surve',
                     theme: 'blue',
                 },
                 {
                     label: '勤务管理',
-                    imgUrl: require('@/assets/main/main-security.png'),
-                    activeImgUrl: require('@/assets/main/main-security-hover.png'),
+                    imgUrl: require('@/assets/main/dock-security.png'),
+                    activeImgUrl: require('@/assets/main/dock-security-hover.png'),
                     route: '/security',
                     theme: 'gold',
                 },
                 {
                     label: '干线协调',
-                    imgUrl: require('@/assets/main/main-coor.png'),
-                    activeImgUrl: require('@/assets/main/main-coor-hover.png'),
+                    imgUrl: require('@/assets/main/dock-coor.png'),
+                    activeImgUrl: require('@/assets/main/dock-coor-hover.png'),
                     route: '/trunk',
                     theme: 'blue',
                 },
                 {
                     label: '数据分析',
-                    imgUrl: require('@/assets/main/main-watch.png'),
-                    activeImgUrl: require('@/assets/main/main-watch-hover.png'),
+                    imgUrl: require('@/assets/main/dock-watch.png'),
+                    activeImgUrl: require('@/assets/main/dock-watch-hover.png'),
                     route: '/watch',
                     theme: 'blue',
                 },
                 {
                     label: '系统设置',
-                    imgUrl: require('@/assets/main/main-setting.png'),
-                    activeImgUrl: require('@/assets/main/main-setting-hover.png'),
+                    imgUrl: require('@/assets/main/dock-setting.png'),
+                    activeImgUrl: require('@/assets/main/dock-setting-hover.png'),
                     route: '/setting',
                     theme: 'blue',
                 },
                 {
                     label: '测试1',
-                    imgUrl: require('@/assets/main/main-home.png'),
+                    imgUrl: require('@/assets/main/dock-home.png'),
                     theme: 'blue',
                 },
                 {
                     label: '测试2',
-                    imgUrl: require('@/assets/main/main-surve.png'),
+                    imgUrl: require('@/assets/main/dock-surve.png'),
                     theme: 'blue',
                 },
                 {
                     label: '测试3',
-                    imgUrl: require('@/assets/main/main-security.png'),
+                    imgUrl: require('@/assets/main/dock-security.png'),
                     theme: 'blue',
                 },
             ]

+ 1 - 1
src/views/Main.vue

@@ -11,7 +11,7 @@
     </template>
 
     <template #main>
-      <BottomDock :auto-hide="false" :custom-class="['dock-style']" :wave-animation="true"></BottomDock>
+      
     </template>
 
   </LoginLayout>