Toggle navigation
Toggle navigation
This project
Loading...
Sign in
Hooke
/
fxPark
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Pipelines
Graphs
Issues
0
Merge Requests
0
Wiki
Snippets
Network
Create a new issue
Builds
Commits
Issue Boards
Authored by
hookehuyr
2024-04-16 12:46:29 +0800
Browse Files
Options
Browse Files
Download
Email Patches
Plain Diff
Commit
33cd1943a0109d3c12a459d31bab4fe279760d7e
33cd1943
1 parent
aeaccc1c
fix 介绍页细节调整
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
15 additions
and
13 deletions
src/views/fxPark/intro.vue
src/views/fxPark/intro.vue
View file @
33cd194
<!--
* @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();
...
...
@@ -121,11 +121,12 @@ onMounted(async () => {
data.forEach(item => {
if (item.is_tree === 1) {
// audio_list.value.push({
// audio_url: item.audio_url,
// audio_cover: item.audio_cover,
// audio_name: item.audio_name,
// audio_note: item.audio_note,
// });
// audio_url: item.audio_url,
// audio_cover: item.audio_cover,
// 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
.5
rem;
height: 2
.5
rem;
width: 2rem;
height: 2rem;
border-radius: 50%;
}
}
.go-back-wrapper {
position: absolute;
right: 10px;
top:
50px
;
top:
3.5rem
;
img {
width: 2
.5
rem;
height: 2
.5
rem;
width: 2rem;
height: 2rem;
border-radius: 50%;
}
}
...
...
Please
register
or
login
to post a comment