导航菜单样式

src/components/time.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="data_box">
-    <div class="date-wraper">{{date}}</div>
-    <div class="time-wraper">{{hours}}:{{minutes}}:{{seconds}}&nbsp;&nbsp;{{week}}</div>
+    <div class="date-wraper">{{hours}}:{{minutes}}:{{seconds}}</div>
+    <div class="time-wraper">{{date}}</div>
   </div>
 </template>
 
@@ -55,10 +55,13 @@ export default {
 .data_box
   _fj(center,flex-end)
   flex-direction column
-  height 61px
-  padding-left 40px
+  height 77px
 .date-wraper
-  _font(16px, 26px, #909399,,)
+  width 130px
+  _font(34px, 36px, #B4C1D8,,right)
+  font-family Source Han Sans CN
 .time-wraper
-  _font(16px, 26px, #909399,,)
+  width 130px
+  _font(16px, 30px, #B4C1D8,,right)
+  font-family Source Han Sans CN
 </style>