Преглед изворни кода

fix:sk天谭页面的问题修改

chenzhen2 пре 1 година
родитељ
комит
d73fb4528f
3 измењених фајлова са 12 додато и 6 уклоњено
  1. 2 1
      src/styles/index.scss
  2. 6 3
      src/views/home/index.vue
  3. 4 2
      src/views/home/tiantan.vue

+ 2 - 1
src/styles/index.scss

@@ -23,7 +23,8 @@ body {
   // width: 900px;
   // height:900px;
   width: 46.8%;
-  height: 83%;
+  // height: 83%;
+  height: 84vh;
   opacity: 0;
   position: absolute;
   // left: 955px;

+ 6 - 3
src/views/home/index.vue

@@ -315,7 +315,8 @@ export default defineComponent({
                 path: "/weather",
                 // query: { showSpaceTip: 'true' }
               });
-            }, 30000);
+              // 30000
+            },  30000);
           }, 30000);
         });
       },
@@ -323,7 +324,7 @@ export default defineComponent({
       updateStyle() {
         let ani1 = document.getElementById("ani1");
         let ani2 = document.getElementById("ani2");
-        ani2.style.top = ani1.offsetHeight - 20 + "px";
+        ani2.style.top = ani1.offsetHeight - ani1.offsetHeight * 0.08 + "px";
         let line = document.getElementById("line");
         let text = document.getElementById("text");
         line.style.height = logoLeft.offsetHeight + "px";
@@ -411,7 +412,8 @@ export default defineComponent({
 
 .logoRight img {
   // height: 41vh;
-  width: 26vw;
+  // width: 26vw;
+  height: 400px;
 }
 
 .logoRightAni {
@@ -503,6 +505,7 @@ export default defineComponent({
 /* 长城左上 */
 .ani1 {
   width: 43%;
+  // height: 69.4vh;
   opacity: 0;
   top: 0;
   position: absolute;

+ 4 - 2
src/views/home/tiantan.vue

@@ -404,8 +404,8 @@ export default defineComponent({
   opacity: 0;
 }
 .logoRight img {
-  // height: 400px;
-  width: 26vw;
+  height: 400px;
+  // width: 26vw;
 }
 .logoRightAni {
   opacity: 1;
@@ -618,6 +618,8 @@ export default defineComponent({
   opacity: 0;
   top: 95px;
   right: 120px;
+  width: 138px;
+  opacity: 0;
   position: absolute;
 }
 .ani4Active {