时间格式

echarts-screen/src/views/Brand.vue

@@ -9,10 +9,12 @@
                 </div>
                 <h2>疫情数据分析</h2>
                 <div class="showTime">
-                    <span class="time">{{ nowTime }}</span>
+                  <span class="upDate">数据更新至 {{ date }}</span>
+                </div>
+              <div class="showTime1">
                     <span class="date">
-            <span>{{ week }}</span>
-            <span>{{ date }}</span>
+                      <span class="time">当前时间: {{ nowTime }}</span>
+                      <span>{{ week }}</span>
           </span>
                 </div>
             </header>
@@ -25,7 +27,7 @@
                         <div class="panel-footer"></div>
                     </div>
                     <div class="panel">
-                        <h2>新增病例情况</h2>
+                        <h2>新增确诊</h2>
                         <PieCon/>
                         <div class="panel-footer"></div>
                     </div>
@@ -9949,31 +9951,59 @@
 
                 .showTime {
                     position: absolute;
-                    right: 1.375rem;
-                    top: 0.5rem;
+                    right: 2.9rem;
+                    top: 0.8rem;
                     color: rgba(126, 240, 255, 0.7);
                     display: flex;
 
-                    .time {
-                        font-size: .28rem;
-                        margin-right: .18rem;
-                    }
-
-                    .date {
-                        span {
-                            display: block;
+                    //.time {
+                    //    font-size: .28rem;
+                    //    margin-left: .99rem;
+                    //}
+                  .upDate{
+                    font-size: .23rem;
+                    margin-right: .50rem;
+                  }
 
-                            &:nth-child(1) {
-                                font-size: .12rem;
-                                text-align: right;
-                            }
-
-                            &:nth-child(2) {
-                                font-size: .14rem;
-                            }
-                        }
+                    //.date {
+                    //    span {
+                    //        display: block;
+                    //        &:nth-child(1) {
+                    //            font-size: .25rem;
+                    //            text-align: right;
+                    //        }
+                    //
+                    //        //&:nth-child(2) {
+                    //        //    font-size: .25rem;
+                    //        //}
+                    //    }
+                    //}
+                }
+              .showTime1 {
+                position: absolute;
+                right: 0.375rem;
+                top: 0.5rem;
+                color: rgba(126, 240, 255, 0.7);
+                display: flex;
+                .time {
+                  font-size: .28rem;
+                  margin-left: .99rem;
+                }
+                .date {
+                  span {
+                    display: block;
+                    &:nth-child(2) {
+                      font-size: .2rem;
+                      text-align: left;
+                      margin-left: 2.7rem;
                     }
+
+                    //&:nth-child(2) {
+                    //    font-size: .25rem;
+                    //}
+                  }
                 }
+              }
             }
 
             .mainbox {