Yansen 2 年前
父节点
当前提交
32eeef3532
共有 1 个文件被更改,包括 17 次插入10 次删除
  1. 17
    10
      src/pages/pg2/index.vue

+ 17
- 10
src/pages/pg2/index.vue 查看文件

41
           :ready="show"
41
           :ready="show"
42
         />
42
         />
43
       </div>
43
       </div>
44
+      
45
+      <div class="story" style="z-index: 2000">
46
+        <Animate
47
+          comp="img"
48
+          name="animate__fadeIn"
49
+          @click="router.push('/pg2-2')"
50
+          src="/images/pg2/getStory.png"
51
+          alt=""
52
+          style="width: 30vw; margin: auto; margin-bottom: 3vh"     
53
+          delay="4000ms"     
54
+          :ready="show"
55
+        />
56
+      </div>
44
     </div>
57
     </div>
45
 
58
 
46
     <div class="groups abs">
59
     <div class="groups abs">
81
       </div>
94
       </div>
82
     </div> -->
95
     </div> -->
83
 
96
 
84
-    <div class="footer" style="z-index: 2000">
85
-      <img
86
-        @click="router.push('/pg2-2')"
87
-        src="/images/pg2/getStory.png"
88
-        alt=""
89
-        style="width: 30vw; margin: auto; margin-bottom: 3vh"
90
-      >
91
-    </div>
92
-
93
     <DownArrow />
97
     <DownArrow />
94
   </div>
98
   </div>
95
 </template>
99
 </template>
169
   }
173
   }
170
 
174
 
171
   .content {
175
   .content {
176
+    position: relative;
172
     z-index: 10;
177
     z-index: 10;
173
     width: 80vw;
178
     width: 80vw;
174
     margin-left: 15vw;
179
     margin-left: 15vw;
189
       width: 60%;
194
       width: 60%;
190
     }
195
     }
191
     .story {
196
     .story {
192
-      margin-top: 12px;
197
+      margin-top: 30px;
198
+      margin-left: -4%;
193
       width: 45%;
199
       width: 45%;
194
       display: block;
200
       display: block;
195
       animation-delay: 600ms;
201
       animation-delay: 600ms;
273
     opacity: 0;
279
     opacity: 0;
274
   }
280
   }
275
 
281
 
282
+
276
   .footer {
283
   .footer {
277
     left: 0;
284
     left: 0;
278
     bottom: 0;
285
     bottom: 0;