fix

src/pages/pg2/index.vue

@@ -2,7 +2,6 @@
   <div class="page pg-bg pg2" parallax ref="pgRef">
     <div class="bg">
       <div>
-        <!-- <img src="/images/pg2/content-bg.png" parallax-offset='200' alt="" /> -->
         <Animate
           comp="img"
           name="animate__fadeInLeft"
@@ -11,7 +10,6 @@
         />
       </div>
     </div>
-    <!-- <Cloud class="cloud abs" /> -->
     <div class="content">
       <div>
         <Animate
@@ -22,11 +20,8 @@
           delay="1000ms"
           :ready="show"
         />
-        <!-- <img class="year" src="/images/pg2/1939年.png" alt="" /> -->
       </div>
-      <!-- 1939年 -->
       <div>
-        <!-- <img class="text1" src="/images/pg2/text1.png" alt="" /> -->
         <Animate
           class="text1"
           comp="img"
@@ -45,19 +40,8 @@
           delay="3000ms"
           :ready="show"
         />
-        <!-- <img class="text2" src="/images/pg2/text2.png" alt="" /> -->
       </div>
-      <!-- </Animate> -->
-      <!-- <Animate
-        @click="onClick"
-        class="story"
-        comp="img"
-        name="animate__fadeInDown"
-        delay="600ms"
-        src="./images/pg2/story.png"
-        alt
-        :ready="show"
-      /> -->
+
     </div>
 
     <div class="groups abs">
@@ -83,13 +67,6 @@
       了解故事
       <img src="/images/pg2/箭头-右.png" alt />
     </div>
-    <!-- <img class="footer abs" src="/images/pg2/footer.png" alt /> -->
-
-    <!-- <div class="flower abs">
-      <Animate class="flower1 abs" :comp="Flower1" :name="flowerAnimate.left" :ready="show" />
-      <Animate class="flower2 abs" :comp="Flower2" :name="flowerAnimate.right" :ready="show" />
-      <Animate class="flower3 abs" :comp="Flower3" :name="flowerAnimate.left" :ready="show" />
-    </div> -->
   </div>
 </template>
 
@@ -140,12 +117,10 @@ const [pgRef, show] = usePageShow(flowShow);
 <style lang="less" scoped>
 .pg2 {
   overflow: hidden;
-  // margin-top: -80px;
   .bg {
     position: absolute;
     z-index: 0;
     width: 50%;
-    // height: 100%;
     left: 0;
     top: 0;
     & > div {
@@ -153,22 +128,6 @@ const [pgRef, show] = usePageShow(flowShow);
     }
   }
 
-  .bell {
-    top: 30px;
-    right: 30px;
-  }
-
-  .cloud {
-    top: 0;
-    left: 0;
-    width: 100vw;
-  }
-
-  .hill {
-    top: 30vh;
-    z-index: 2;
-  }
-
   .content {
     z-index: 10;
     width: 80vw;
@@ -207,26 +166,15 @@ const [pgRef, show] = usePageShow(flowShow);
       position: relative;
     }
 
-    .persons {
-      z-index: 3;
-      position: absolute;
-      bottom: -50%;
-    }
-
     .ruins {
       z-index: 2;
       position: relative;
     }
-
-    img {
-      filter: gray;
-    }
   }
   .flower1 {
     position: absolute;
     z-index: 20;
     width: 50%;
-    // height: 100%;
     left: 50px;
     top: 500px;
     & > div {
@@ -239,8 +187,6 @@ const [pgRef, show] = usePageShow(flowShow);
   .flower2 {
     position: absolute;
     z-index: 20;
-
-    // height: 100%;
     right: 0;
     top: 250px;
     img {