hookehuyr

fix 介绍页细节调整

<!--
* @Date: 2024-04-10 16:08:09
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-04-16 10:19:12
* @LastEditTime: 2024-04-16 10:30:59
* @FilePath: /fxPark/src/views/fxPark/intro.vue
* @Description: 植被介绍页
-->
......@@ -86,7 +86,7 @@ const INTRO_IMG = { // 植被介绍七牛图片地址映射
const audioPlayer = ref(null);
const audioStatus = ref('play');
const audio_list = ref([]);
const audioIndex = ref(+revision);
const audioIndex = ref(+revision); // 当前音频index
const handelPlay = () => {
audioPlayer.value.play();
......@@ -126,6 +126,7 @@ onMounted(async () => {
// audio_name: item.audio_name,
// audio_note: item.audio_note,
// });
// TODO: 暂时用假数据
audio_list.value.push({
audio_url: 'http://downsc.chinaz.net/files/download/sound1/201206/1638.mp3',
audio_cover: 'https://picsum.photos/50/50',
......@@ -134,6 +135,7 @@ onMounted(async () => {
});
}
});
// 自动播放音频
nextTick(() => {
handelPlay();
})
......@@ -161,7 +163,7 @@ const goToPoster = () => { // 去海报页
});
};
const goToIndex = () => {
const goToIndex = () => { // 返回首页
$router.push({
path: '/',
});
......@@ -180,18 +182,18 @@ const goToIndex = () => {
right: 10px;
top: 10px;
img {
width: 2.5rem;
height: 2.5rem;
width: 2rem;
height: 2rem;
border-radius: 50%;
}
}
.go-back-wrapper {
position: absolute;
right: 10px;
top: 50px;
top: 3.5rem;
img {
width: 2.5rem;
height: 2.5rem;
width: 2rem;
height: 2rem;
border-radius: 50%;
}
}
......