hookehuyr

植被介绍完整介绍添加

<!--
* @Date: 2024-04-10 16:08:09
* @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
* @Description: 植被介绍页
-->
......@@ -18,8 +18,7 @@
<img src="https://cdn.ipadbiz.cn/xfPark/intro/public/go-back-btn.1713232270.png">
</div>
<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 class="go-poster-wrapper" @click="goToPoster">
<!-- <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: 等待正式数据
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'],
'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 audioStatus = ref('play');
const audio_list = ref([]);
const audioIndex = ref(+revision); // 当前音频index
const audioIndex = ref(+revision-1); // 当前音频index
const handelPlay = () => {
audioPlayer.value.play();
......