fix 植被介绍页功能按钮都fixed到页面上

 <!--
  * @Date: 2024-04-10 16:08:09
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-04-17 13:36:04
+ * @LastEditTime: 2024-04-18 17:15:11
  * @FilePath: /fxPark/src/views/fxPark/intro.vue
  * @Description: 植被介绍页
 -->
@@ -20,39 +20,12 @@
     <div class="intro-img-wrapper">
       <img v-for="(item, index) in INTRO_IMG[revision]" :key="index" :src="item">
     </div>
-    <div class="go-poster-wrapper" @click="goToPoster">
-      <!-- <div style="background-color: #F68015; display: inline-block; padding: 0.7rem 2rem; border-radius: 1.5rem;">完成“碳寻”任务</div> -->
-      <img src="https://cdn.ipadbiz.cn/xfPark/intro/public/gongxi.1713232270.png" style="pointer-events:none;display: block; width: 50%; margin-bottom: 1.5rem;">
-      <img src="https://cdn.ipadbiz.cn/xfPark/intro/public/finish-btn.1713232270.png" style="pointer-events:none;display: block; width: 50%;">
+    <div class="go-poster-wrapper">
+      <img src="https://cdn.ipadbiz.cn/xfPark/intro/public/gongxi.1713232270.png" style="pointer-events:none;display: block; width: 12rem;">
     </div>
-    <!-- <div style="margin: 1rem;">
-      <div style="margin-bottom: 1rem;">
-        <span style="font-size: 1.25rem;">{{ tree_data?.name }}</span>
-        <span style="font-size: 0.85rem;">{{ tree_data?.nickname }}</span>
+    <div @click="goToPoster" style="position: fixed; bottom: 3rem; left: calc(50% - 6rem);">
+      <img src="https://cdn.ipadbiz.cn/xfPark/intro/public/finish-btn.1713232270.png" style="pointer-events:none;display: block; width: 12rem;">
     </div>
-      <div style="border: 1px solid #000; padding: 1rem; border-radius: 8px;">
-        <div style="margin-bottom: 1.5rem;"><span style="background-color: #D0FCF0; padding: 0.5rem 0.75rem; border-radius: 1rem;">植被类型:</span>&nbsp;{{ tree_data?.type }}</div>
-        <div v-if="tree_data.study_name" style="margin-bottom: 1.5rem;"><span style="background-color: #D0FCF0; padding: 0.5rem 0.75rem; border-radius: 1rem;">植被学名:</span>&nbsp;{{ tree_data?.study_name }}</div>
-        <div style="margin-bottom: 1.5rem;white-space: pre-wrap;line-height: 1.8;">
-          {{ tree_data?.note }}
-        </div>
-        <div style="margin-bottom: 1rem;"><span style="background-color: #D0FCF0; padding: 0.5rem 0.75rem; border-radius: 1rem;">植被介绍:</span></div>
-        <div class="tree-intro" v-html="formattedIntro"></div>
-      </div>
-    </div>
-    <div class="task-tips">
-      <div class="title-wrapper">
-        <span class="title-text">任务卡</span>
-      </div>
-      <div class="task-wrapper">
-        <div class="task-title">{{ tree_data?.mission_title }}</div>
-        <div class="tree-mission-note" v-html="formattedNote"></div>
-      </div>
-    </div>
-    <div class="light-up-text">恭喜您植被已被点亮</div>
-    <div style="margin: 1rem 1rem 2rem 1rem; color: white; text-align: center;">
-      <div @click="goToPoster" style="background-color: #F68015; display: inline-block; padding: 0.7rem 2rem; border-radius: 1.5rem;">生成海报</div>
-    </div> -->
   </div>
 </template>
 
@@ -170,7 +143,7 @@ const goToIndex = () => { // 返回首页
   display: flex;
   flex-direction: column;
   .audio-wrapper {
-    position: absolute;
+    position: fixed;
     right: 10px;
     top: 10px;
     img {
@@ -180,7 +153,7 @@ const goToIndex = () => { // 返回首页
     }
   }
   .go-back-wrapper {
-    position: absolute;
+    position: fixed;
     right: 10px;
     top: 3.5rem;
     img {
@@ -201,7 +174,7 @@ const goToIndex = () => { // 返回首页
     color: white;
     text-align: center;
     position: absolute;
-    bottom: 1rem;
+    bottom: 5rem;
     left: 0;
     right: 0;
     display: flex;