导航栏返回主页

src/pages/modules/workorder/index.vue

@@ -43,6 +43,9 @@
                     <div class="popper__arrow"></div>
                 </div>
             </div>
+            <div class="home_tip_wrap" @click="backHome">
+                <div class="iconfont icon_home"></div>
+            </div>
         </div>
     </div>
     <div class="body-container">
@@ -128,6 +131,9 @@ export default {
           this.$refs.content.classList.value = 'content overall_blue'
           break
       }
+    },
+    backHome () {
+      this.$router.push('/home')
     }
   }
 }
@@ -167,6 +173,12 @@ export default {
     margin-left 15px
     vertical-align middle
     _fj(center)
+.home_tip_wrap
+    _wh(18px, 45px)
+    _fj(center)
+    margin-left 15px
+    .icon_home
+        _font(18px, 45px, #fff,,center)
 .dropdown-wrap
     position absolute
     min-width 75px

src/style/iconfont.styl

@@ -32,3 +32,6 @@
   font-size 15px
   &::before
     content: '\e626'
+.icon_home
+  &::before
+    content: '\e632'

src/style/iconfont/iconfont.svg

@@ -1,38 +0,0 @@
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
-<!--
-2013-9-30: Created.
--->
-<svg>
-<metadata>
-Created by iconfont
-</metadata>
-<defs>
-
-<font id="iconfont" horiz-adv-x="1024" >
-  <font-face
-    font-family="iconfont"
-    font-weight="500"
-    font-stretch="normal"
-    units-per-em="1024"
-    ascent="896"
-    descent="-128"
-  />
-    <missing-glyph />
-    
-    <glyph glyph-name="htmal5icon03" unicode="&#58918;" d="M510.182608 133.60209 71.456449 634.739694 952.544575 634.739694Z"  horiz-adv-x="1024" />
-
-    
-    <glyph glyph-name="guanbi" unicode="&#58888;" d="M863.576287 687.066457 426.318572 222.470093 128.084167 431.219441 64.132646 399.253402 447.865307 47.505199 959.52557 687.066457Z"  horiz-adv-x="1024" />
-
-    
-    <glyph glyph-name="no-signal" unicode="&#59243;" d="M381.7 451.7l-25.4 43.9c-57.6-22-109.3-55.9-152.2-98.6l34.1-36.6c0.2 0.2 0.5 0.5 0.7 0.8 35.5 35.5 76.8 63.3 122.7 82.7 6.8 2.8 13.4 5.4 20.1 7.8zM248.4 682.6c-71-31.6-135.4-75.5-190.3-129.1l34.1-36.5c26 25.4 54.3 48.6 84.3 68.8 30.6 20.7 63.2 38.5 97 53.2l-25.1 43.6zM466.1 305.5c-45.2-9.5-85.3-32.7-115.8-65.1l34.2-36.6c1.9 2.1 3.8 4.1 5.8 6.1 27.9 27.9 63.8 45.1 102.5 49.3l-26.7 46.3zM512 738.3c-39.8 0-78.7-3.6-116.5-10.4l26.7-46.2c29.5 4.4 59.5 6.6 89.8 6.6 81 0 159.6-15.9 233.5-47.1 35.5-15 69.8-33.6 101.9-55.3 30-20.3 58.4-43.4 84.3-68.8l34.1 36.6c-117.1 114.1-277.2 184.6-453.8 184.6zM472 79.7c0-22.091 17.909-40 40-40 22.091 0 40 17.909 40 40 0 22.091-17.909 40-40 40-22.091 0-40-17.909-40-40zM542.6 473.1c41.3-3.2 81.5-13 119.7-29.1 46-19.4 87.2-47.3 122.7-82.7 0.2-0.2 0.5-0.5 0.7-0.8l34.1 36.6c-78.6 78.3-187 126.9-306.8 127.2l29.6-51.2zM675.338 43.108l-430 744.76 43.3 25 430-744.76z"  horiz-adv-x="1024" />
-
-    
-    <glyph glyph-name="guanbi1" unicode="&#58895;" d="M570 385.2l254.9 255.1c16.4 16.5 16.4 43 0 59.5s-43 16.5-59.5 0L510.5 444.7 255.8 699.8c-16.4 16.5-43 16.5-59.5 0-16.4-16.5-16.4-43 0-59.5l254.9-255.1-254.9-255c-16.4-16.5-16.4-43 0-59.5 8.1-8.2 18.9-12.4 29.7-12.4s21.5 4.1 29.7 12.4l254.7 255 254.8-255c8.1-8.2 19-12.4 29.7-12.4 10.8 0 21.5 4.1 29.6 12.4 16.4 16.5 16.4 43 0 59.5L570 385.2z m0 0"  horiz-adv-x="1024" />
-
-    
-
-
-  </font>
-</defs></svg>

src/style/layout.styl

@@ -2,12 +2,9 @@
 @import 'mixin.styl'; 
 @font-face
   font-family 'iconfont';
-  src url('iconfont/iconfont.eot');
-  src url('iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
-      url('iconfont/iconfont.woff2') format('woff2'),
-      url('iconfont/iconfont.woff') format('woff'),
-      url('iconfont/iconfont.ttf') format('truetype'),
-      url('iconfont/iconfont.svg#iconfont') format('svg');
+  src: url('iconfont/iconfont.woff2') format('woff2'),
+       url('iconfont/iconfont.woff') format('woff'),
+       url('iconfont/iconfont.ttf') format('truetype');
 
 /**日历*/
 // [class*=" el-icon-"], [class^=el-icon-]