图片

src/components/time.vue

@@ -38,49 +38,49 @@ export default {
       this.hours = `${hh}`
       this.minutes = `${mm}`
       this.seconds = `${ss}`
-      this.date = `${year}年${month}月${date}日`
+      this.date = `${year} - ${month} - ${date}`
-      if (this.$i18n.locale === 'en-us') {
+      // if (this.$i18n.locale === 'en-us') {
-        let enMonth = ''
+      //   let enMonth = ''
-        switch (month) {
+      //   switch (month) {
-          case 1:
+      //     case 1:
-            enMonth = 'Jan.'
+      //       enMonth = 'Jan.'
-            break
+      //       break
-          case 2:
+      //     case 2:
-            enMonth = 'Feb.'
+      //       enMonth = 'Feb.'
-            break
+      //       break
-          case 3:
+      //     case 3:
-            enMonth = 'Mar.'
+      //       enMonth = 'Mar.'
-            break
+      //       break
-          case 4:
+      //     case 4:
-            enMonth = 'Apr.'
+      //       enMonth = 'Apr.'
-            break
+      //       break
-          case 5:
+      //     case 5:
-            enMonth = 'May'
+      //       enMonth = 'May'
-            break
+      //       break
-          case 6:
+      //     case 6:
-            enMonth = 'Jun.'
+      //       enMonth = 'Jun.'
-            break
+      //       break
-          case 7:
+      //     case 7:
-            enMonth = 'Jul.'
+      //       enMonth = 'Jul.'
-            break
+      //       break
-          case 8:
+      //     case 8:
-            enMonth = 'Aug.'
+      //       enMonth = 'Aug.'
-            break
+      //       break
-          case 9:
+      //     case 9:
-            enMonth = 'Sep.'
+      //       enMonth = 'Sep.'
-            break
+      //       break
-          case 10:
+      //     case 10:
-            enMonth = 'Oct.'
+      //       enMonth = 'Oct.'
-            break
+      //       break
-          case 11:
+      //     case 11:
-            enMonth = 'Nov.'
+      //       enMonth = 'Nov.'
-            break
+      //       break
-          case 12:
+      //     case 12:
-            enMonth = 'Dec.'
+      //       enMonth = 'Dec.'
-            break
+      //       break
-        }
+      //   }
-        this.date = `${date}th ${enMonth}, ${year}`
+      //   this.date = `${date}th ${enMonth}, ${year}`
-      }
+      // }
       this.week = `${week}`
     }
   },
@@ -99,11 +99,12 @@ export default {
   flex-direction column
   height 77px
 .date-wraper
-  width 130px
+  width 111px
-  _font(34px, 36px, #B4C1D8,,right)
+  _font(25px, 19px, #B4C1D8,,right)
   font-family SourceHanSansCN-Regular
 .time-wraper
-  width 130px
+  width 111px
-  _font(16px, 30px, #B4C1D8,,right)
+  _font(16px, 13px, #B4C1D8,,right)
+  margin-top 10px
   font-family SourceHanSansCN-Regular
 </style>

src/pages/shells/index/index.vue

@@ -38,7 +38,7 @@
           </ul>
           <div class="popper__arrow"></div>
         </div>
-        <div class="state-line"></div>
+        <div class="state-line" style="margin-right: 0"></div>
       </div>
       <div class="time-container">
         <jxTime></jxTime>
@@ -443,7 +443,7 @@ export default {
     background center / 100% 100% url(../../../images/new/nav_bg.png) no-repeat
 .time-container
   height 77px
-  margin 0 10px
+  margin-right 10px
 .state-item
   _wh(67px, 43px)
   _font(20px,43px,#fff,,center)