瀏覽代碼

fix:天气适配修改

chenzhen2 1 年之前
父節點
當前提交
da554f6d2b

File diff suppressed because it is too large
+ 1 - 1
dist/sk/index.html


File diff suppressed because it is too large
+ 0 - 1
dist/sk/static/css/chunk-22353d4e.2e981f38.css


二進制
dist/sk/static/css/chunk-22353d4e.2e981f38.css.gz


File diff suppressed because it is too large
+ 1 - 0
dist/sk/static/css/chunk-2bcf5752.677737ac.css


二進制
dist/sk/static/css/chunk-2bcf5752.677737ac.css.gz


File diff suppressed because it is too large
+ 2 - 2
dist/sk/static/js/app.446f976b.js


二進制
dist/sk/static/js/app.278f490a.js.gz


File diff suppressed because it is too large
+ 1 - 1
dist/sk/static/js/app.446f976b.js.map


二進制
dist/sk/static/js/app.446f976b.js.gz


File diff suppressed because it is too large
+ 0 - 2
dist/sk/static/js/chunk-22353d4e.89f935b3.js


二進制
dist/sk/static/js/chunk-22353d4e.89f935b3.js.gz


File diff suppressed because it is too large
+ 0 - 1
dist/sk/static/js/chunk-22353d4e.89f935b3.js.map


File diff suppressed because it is too large
+ 2 - 0
dist/sk/static/js/chunk-2bcf5752.b66acf87.js


二進制
dist/sk/static/js/chunk-2bcf5752.b66acf87.js.gz


File diff suppressed because it is too large
+ 1 - 0
dist/sk/static/js/chunk-2bcf5752.b66acf87.js.map


+ 34 - 5
src/views/weather/index.vue

@@ -23,6 +23,10 @@
             <span>北京时间</span>
             <span>{{ nowTime }}</span>
           </div>
+          <div class="b-line">
+            <span></span>
+            <span></span>
+          </div>
           <div class="b-time">
             <span>首尔时间</span>
             <span>{{ sTime }}</span>
@@ -341,7 +345,7 @@ export default defineComponent({
       }
       .env-text {
         text-align: center;
-        font-family: 'HarmonyOS Sans TC';
+        font-family: "HarmonyOS Sans TC";
         font-size: 130px;
         line-height: 160px;
         font-weight: 700;
@@ -349,7 +353,7 @@ export default defineComponent({
         color: rgba(255, 255, 255, 1);
       }
       .env-rate {
-        font-family: 'HarmonyOS_Sans_TC_Regular';
+        font-family: "HarmonyOS_Sans_TC_Regular";
         padding-top: 80px;
         font-size: 60px;
         font-weight: 400;
@@ -391,15 +395,17 @@ export default defineComponent({
       }
     }
     .weather-left {
+      position: relative;
       // text-align: right;
       width: 72%;
+      white-space: nowrap;
       overflow: hidden;
       .b-time {
         display: inline-block;
         vertical-align: middle;
-        margin-right: 180px;
+        margin-right: 90px;
         width: 270px;
-        border-bottom: 1px solid rgba(255, 255, 255, 1);
+        border-bottom: 2px solid rgba(255, 255, 255, 1);
         span {
           display: block;
           text-align: center;
@@ -420,15 +426,38 @@ export default defineComponent({
             color: rgba(255, 255, 255, 1);
           }
         }
-        &:nth-child(2) {
+        &:nth-child(3) {
+          margin-left: 90px;
           margin-right: 10px;
         }
       }
+      .b-line {
+        position: absolute;
+        bottom: 0;
+        left: 19vw;
+        // left: 13.6vw;
+        display: inline-block;
+        vertical-align: baseline;
+        width: 1px;
+        // height: 4.27vh;
+        // padding-top: 5vh;
+        span {
+          display: block;
+          height: 1.67vh;
+          // width: 1px;
+          border: 1px solid rgba(240, 240, 240, 1);            ;
+          // background: rgba(240, 240, 240, 1);
+          &:nth-child(2) {
+            margin-top: 0.925vh;
+          }
+        }
+      }
     }
     .weather-detail {
       // position: relative;
       // box-sizing: border-box;
       float: right;
+      // right: 0;
       // padding-right: 73px;
       .d-top {
         text-align: right;