header

src/assets/css/iconfont.styl

@@ -15,4 +15,12 @@
 
 .icon-guanbi:before {
   content: "\e60f";
+}
+
+@font-face {
+  font-family: "站酷高端黑 Regular";
+  font-weight: 700;
+  src: url("font/TBEFjTXU9oKk6lxFba7x7.woff2") format("woff2"),
+        url("font/TBEFjTXU9oKk6lxFba7x7.woff") format("woff");
+  font-display: swap;
 }

src/components/header.vue

@@ -1,5 +1,6 @@
 <template>
   <header>
+    <div class="center_text">晟华大屏监控</div>
     <div class="tag_block clearfix">
       <div class="fl">
         <div v-if="index == '0'" class="tag cur_tag">首页</div>
@@ -36,6 +37,15 @@ header
   overflow hidden
   position relative
   _bis('../assets/images/top.png',auto, 84px)
+.center_text
+  _wh(400px, 40px)
+  position absolute
+  _font(42px, 40px, #fff,,center)
+  font-family "站酷高端黑 Regular" !important
+  left 50%
+  top 12px
+  margin-left -200px
+  letter-spacing 1px
 .tag_block
   margin 35px .54rem 0
 .tag