Hooke / fxPark

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
7d0d29f5 1 parent 07a596f0

fix 植物之声页面调整

Inline Side-by-side
Showing 3 changed files with 6 additions and 1 deletions
1 <!-- 1 <!--
2 * @Date: 2024-04-10 15:08:08 2 * @Date: 2024-04-10 15:08:08
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-04-18 14:12:17 4 + * @LastEditTime: 2024-04-18 16:05:29
5 * @FilePath: /fxPark/src/views/fxPark/audio.vue 5 * @FilePath: /fxPark/src/views/fxPark/audio.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
8 <template> 8 <template>
9 <div class="audio-page"> 9 <div class="audio-page">
10 <div class="audio-wrapper"> 10 <div class="audio-wrapper">
11 + <div style="position: absolute; left: 5px; bottom: -23rem;">
12 + <img src="https://cdn.ipadbiz.cn/xfPark/audio/slogn.1713426835.png" style="width: 2.7rem;" >
13 + </div>
11 <div class="audio-title"> 14 <div class="audio-title">
12 <div>{{ audio_list[audioIndex]?.name }}</div> 15 <div>{{ audio_list[audioIndex]?.name }}</div>
13 <div>&nbsp;&nbsp;|&nbsp;&nbsp;</div> 16 <div>&nbsp;&nbsp;|&nbsp;&nbsp;</div>
...@@ -144,10 +147,12 @@ const showList = () => { ...@@ -144,10 +147,12 @@ const showList = () => {
144 147
145 <style lang="less" scoped> 148 <style lang="less" scoped>
146 .audio-page { 149 .audio-page {
150 + width: 100%;
147 height: 100vh; 151 height: 100vh;
148 position: relative; 152 position: relative;
149 background-image: url('https://cdn.ipadbiz.cn/xfPark/audio/bg.1713347802.jpg'); 153 background-image: url('https://cdn.ipadbiz.cn/xfPark/audio/bg.1713347802.jpg');
150 background-size: 100% 100%; 154 background-size: 100% 100%;
155 + background-position: center;
151 display: flex; 156 display: flex;
152 justify-content: center; 157 justify-content: center;
153 align-items: center; 158 align-items: center;
......