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
<!--
* @Date: 2024-04-10 15:08:08
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-04-18 10:23:19
* @LastEditTime: 2024-04-18 14:12:17
* @FilePath: /fxPark/src/views/fxPark/audio.vue
* @Description: 文件描述
-->
<template>
<div class="audio-page">
<div class="audio-wrapper">
<div class="audio-title">{{ audio_list[audioIndex]?.name }}&nbsp;&nbsp;{{ audio_list[audioIndex]?.nick_name }}</div>
<div class="audio-title">
<div>{{ audio_list[audioIndex]?.name }}</div>
<div>&nbsp;&nbsp;|&nbsp;&nbsp;</div>
<div>{{ audio_list[audioIndex]?.nick_name }}</div>
</div>
<div class="audio-player">
<van-row class="content" align="center">
<van-col span="8">
......@@ -151,7 +155,14 @@ const showList = () => {
position: absolute;
top: 2rem;
.audio-title {
margin-bottom: 0.5rem; text-align: center; font-size: 1.25rem; color: #70615a; font-weight: bold;
margin-bottom: 0.5rem;
text-align: center;
font-size: 1.25rem;
color: #70615a;
font-weight: bold;
display: flex;
justify-content: center;
align-items: flex-start;
}
}
.audio-player {
......@@ -224,7 +235,7 @@ const showList = () => {
align-items: center;
&.active {
font-weight: bold;
color: #70615a;
color: #77ac73;
}
}
}
......
<!--
* @Date: 2024-04-07 10:15:55
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-04-18 13:55:44
* @LastEditTime: 2024-04-18 14:02:53
* @FilePath: /fxPark/src/views/fxPark/index.vue
* @Description: 首页
-->
......@@ -32,7 +32,7 @@
>
<img src="https://cdn.ipadbiz.cn/xfPark/index/bg.1713248259.jpg" class="img" style="z-index: 1;">
<div v-if="all_no_light" id="magnifying-glass-box">
<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>
<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>
</div>
</div>
......
......@@ -90,7 +90,7 @@ onMounted(async () => {
ref_width.value = canvasDom.offsetWidth + 'px';
ref_height.value = canvasDom.offsetHeight + 'px';
});
// createImage();
createImage();
});
const resizePoster = () => { // 重置海报
......