Hooke / fxPark

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

fix 样式修改

Inline Side-by-side
Showing 5 changed files with 18 additions and 7 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 10:23:19 4 + * @LastEditTime: 2024-04-18 14:12:17
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 class="audio-title">{{ audio_list[audioIndex]?.name }}&nbsp;&nbsp;{{ audio_list[audioIndex]?.nick_name }}</div> 11 + <div class="audio-title">
12 + <div>{{ audio_list[audioIndex]?.name }}</div>
13 + <div>&nbsp;&nbsp;|&nbsp;&nbsp;</div>
14 + <div>{{ audio_list[audioIndex]?.nick_name }}</div>
15 + </div>
12 <div class="audio-player"> 16 <div class="audio-player">
13 <van-row class="content" align="center"> 17 <van-row class="content" align="center">
14 <van-col span="8"> 18 <van-col span="8">
...@@ -151,7 +155,14 @@ const showList = () => { ...@@ -151,7 +155,14 @@ const showList = () => {
151 position: absolute; 155 position: absolute;
152 top: 2rem; 156 top: 2rem;
153 .audio-title { 157 .audio-title {
154 - margin-bottom: 0.5rem; text-align: center; font-size: 1.25rem; color: #70615a; font-weight: bold; 158 + margin-bottom: 0.5rem;
159 + text-align: center;
160 + font-size: 1.25rem;
161 + color: #70615a;
162 + font-weight: bold;
163 + display: flex;
164 + justify-content: center;
165 + align-items: flex-start;
155 } 166 }
156 } 167 }
157 .audio-player { 168 .audio-player {
...@@ -224,7 +235,7 @@ const showList = () => { ...@@ -224,7 +235,7 @@ const showList = () => {
224 align-items: center; 235 align-items: center;
225 &.active { 236 &.active {
226 font-weight: bold; 237 font-weight: bold;
227 - color: #70615a; 238 + color: #77ac73;
228 } 239 }
229 } 240 }
230 } 241 }
......
1 <!-- 1 <!--
2 * @Date: 2024-04-07 10:15:55 2 * @Date: 2024-04-07 10:15:55
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-04-18 13:55:44 4 + * @LastEditTime: 2024-04-18 14:02:53
5 * @FilePath: /fxPark/src/views/fxPark/index.vue 5 * @FilePath: /fxPark/src/views/fxPark/index.vue
6 * @Description: 首页 6 * @Description: 首页
7 --> 7 -->
...@@ -32,7 +32,7 @@ ...@@ -32,7 +32,7 @@
32 > 32 >
33 <img src="https://cdn.ipadbiz.cn/xfPark/index/bg.1713248259.jpg" class="img" style="z-index: 1;"> 33 <img src="https://cdn.ipadbiz.cn/xfPark/index/bg.1713248259.jpg" class="img" style="z-index: 1;">
34 <div v-if="all_no_light" id="magnifying-glass-box"> 34 <div v-if="all_no_light" id="magnifying-glass-box">
35 - <div style="position: absolute; left: 0.5rem; bottom: -3rem; background-image: url('https://cdn.ipadbiz.cn/xfPark/index/word.png'); background-size: 80% 80%; width: 12rem; height: 3rem; background-repeat: no-repeat;"></div> 35 + <div style="position: absolute; left: 0.5rem; bottom: -3rem; background-image: url('https://cdn.ipadbiz.cn/xfPark/index/word.1713418535.png'); background-size: 80% 80%; width: 12rem; height: 3rem; background-repeat: no-repeat;"></div>
36 </div> 36 </div>
37 </div> 37 </div>
38 38
......
...@@ -90,7 +90,7 @@ onMounted(async () => { ...@@ -90,7 +90,7 @@ onMounted(async () => {
90 ref_width.value = canvasDom.offsetWidth + 'px'; 90 ref_width.value = canvasDom.offsetWidth + 'px';
91 ref_height.value = canvasDom.offsetHeight + 'px'; 91 ref_height.value = canvasDom.offsetHeight + 'px';
92 }); 92 });
93 - // createImage(); 93 + createImage();
94 }); 94 });
95 95
96 const resizePoster = () => { // 重置海报 96 const resizePoster = () => { // 重置海报
......