植被介绍完整介绍添加

 <!--
 <!--
  * @Date: 2024-04-10 16:08:09
  * @Date: 2024-04-10 16:08:09
  * @LastEditors: hookehuyr hookehuyr@gmail.com
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-04-16 15:17:18
+ * @LastEditTime: 2024-04-17 11:38:49
  * @FilePath: /fxPark/src/views/fxPark/intro.vue
  * @FilePath: /fxPark/src/views/fxPark/intro.vue
  * @Description: 植被介绍页
  * @Description: 植被介绍页
 -->
 -->
@@ -18,8 +18,7 @@
       <img src="https://cdn.ipadbiz.cn/xfPark/intro/public/go-back-btn.1713232270.png">
       <img src="https://cdn.ipadbiz.cn/xfPark/intro/public/go-back-btn.1713232270.png">
     </div>
     </div>
     <div class="intro-img-wrapper">
     <div class="intro-img-wrapper">
-      <img :src="INTRO_IMG[revision][0]">
-      <img :src="INTRO_IMG[revision][1]">
+      <img v-for="(item, index) in INTRO_IMG[revision]" :key="index" :src="item">
     </div>
     </div>
     <div class="go-poster-wrapper" @click="goToPoster">
     <div class="go-poster-wrapper" @click="goToPoster">
       <!-- <div style="background-color: #F68015; display: inline-block; padding: 0.7rem 2rem; border-radius: 1.5rem;">完成“碳寻”任务</div> -->
       <!-- <div style="background-color: #F68015; display: inline-block; padding: 0.7rem 2rem; border-radius: 1.5rem;">完成“碳寻”任务</div> -->
@@ -76,17 +75,17 @@ const tree_data = ref({});
 // TODO: 等待正式数据
 // TODO: 等待正式数据
 const INTRO_IMG = { // 植被介绍七牛图片地址映射
 const INTRO_IMG = { // 植被介绍七牛图片地址映射
   '1': ['https://cdn.ipadbiz.cn/xfPark/intro/intro-1_01.1713232270.jpg', 'https://cdn.ipadbiz.cn/xfPark/intro/intro-1_02.1713232270.jpg'],
   '1': ['https://cdn.ipadbiz.cn/xfPark/intro/intro-1_01.1713232270.jpg', 'https://cdn.ipadbiz.cn/xfPark/intro/intro-1_02.1713232270.jpg'],
-  '2': [],
-  '3': [],
-  '4': [],
-  '5': [],
-  '6': [],
+  '2': ['https://cdn.ipadbiz.cn/xfPark/intro/intro-2/01.jpg', 'https://cdn.ipadbiz.cn/xfPark/intro/intro-2/02.jpg', 'https://cdn.ipadbiz.cn/xfPark/intro/intro-2/03.jpg'],
+  '3': ['https://cdn.ipadbiz.cn/xfPark/intro/intro-3/01.jpg', 'https://cdn.ipadbiz.cn/xfPark/intro/intro-3/02.jpg', 'https://cdn.ipadbiz.cn/xfPark/intro/intro-3/03.jpg'],
+  '4': ['https://cdn.ipadbiz.cn/xfPark/intro/intro-4/01.jpg', 'https://cdn.ipadbiz.cn/xfPark/intro/intro-4/02.jpg', 'https://cdn.ipadbiz.cn/xfPark/intro/intro-4/03.jpg'],
+  '5': ['https://cdn.ipadbiz.cn/xfPark/intro/intro-5/01.jpg', 'https://cdn.ipadbiz.cn/xfPark/intro/intro-5/02.jpg', 'https://cdn.ipadbiz.cn/xfPark/intro/intro-5/03.jpg'],
+  '6': ['https://cdn.ipadbiz.cn/xfPark/intro/intro-6/01.jpg', 'https://cdn.ipadbiz.cn/xfPark/intro/intro-6/02.jpg', 'https://cdn.ipadbiz.cn/xfPark/intro/intro-6/03.jpg'],
 }
 }
 
 
 const audioPlayer = ref(null);
 const audioPlayer = ref(null);
 const audioStatus = ref('play');
 const audioStatus = ref('play');
 const audio_list = ref([]);
 const audio_list = ref([]);
-const audioIndex = ref(+revision); // 当前音频index
+const audioIndex = ref(+revision-1); // 当前音频index
 
 
 const handelPlay = () => {
 const handelPlay = () => {
   audioPlayer.value.play();
   audioPlayer.value.play();