顶部导航栏

src/pages/shells/management/index/index.vue

@@ -23,6 +23,7 @@
         <div class="elec-txt">90%</div>
         <div class="iconfont icon_admin"></div>
         <div class="elec-txt">admin</div>
+        <v-time/>
       </div>
     </div>
     <div class="body-conatiner">
@@ -33,7 +34,11 @@
 </template>
 
 <script>
+import time from '@components/time.vue'
 export default {
+  components: {
+    vTime: time
+  },
   data () {
     return {
       activeIndex: '1',
@@ -79,25 +84,21 @@ export default {
   flex-direction: column;
   width: 100%;
 .header-container
-  display: flex;
-  flex-shrink: 0;
-  height: 61px;
-  justify-content: space-between;
-  border-bottom: 2px solid #f1f1f1;
+  _fj()
+  _wh(100%, 61px)
+  padding 0 10px
+  border-bottom 2px solid #f1f1f1
 .title-container
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin: 0 20px;
-  height 61px
+  _fj(center)
+  _wh(130px, 61px)
 .company-logo
   display block
-  _wh(150px, 61px)
+  _wh(100%, 100%)
   background url(../../../../images/aio/logo_1.png) left center / 100% auto no-repeat
 .horizontal-menu-container
   height 61px
 >>>.el-menu-item
-  padding 0 10px
+  padding 0 9px
 .user-container
   _fj()
 .state-item
@@ -106,6 +107,8 @@ export default {
   _font(15px,25px,#54C0B3,,center)
   padding 0 7px
   margin 0 10px
+  &:nth-child(1)
+    margin-left 0
 .state-line
   _wh(2px,20px)
   opacity 0.3