From add98c3b4fbbd8abd6bab5bf980900ca4ac366c4 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期四, 06 六月 2024 14:43:14 +0800
Subject: [PATCH] 音频小窗样式修改
---
src/components/miniAudio/index.vue | 13 +++++++------
1 files changed, 7 insertions(+), 6 deletions(-)
diff --git a/src/components/miniAudio/index.vue b/src/components/miniAudio/index.vue
index 7e83fff..ac4a2a7 100644
--- a/src/components/miniAudio/index.vue
+++ b/src/components/miniAudio/index.vue
@@ -1,5 +1,6 @@
<template>
<div class="mini-audio" v-if="path">
+ <audio controls :src="path" class="aduioPlayer"></audio>
<svg
@click="closeMiniAudio"
t="1717642737563"
@@ -18,7 +19,6 @@
p-id="2427"
></path>
</svg>
- <audio controls :src="path" class="aduioPlayer"></audio>
</div>
</template>
@@ -80,15 +80,16 @@
right: 40px;
bottom: 100px;
display: flex;
- flex-direction: column;
- align-items: flex-end;
+ align-items: center;
+ background-color: #f1f3f4;
+ border-radius: 30px;
+ padding: 0 10px 0 0px;
}
.close-btn {
cursor: pointer;
- margin-bottom: 10px;
- fill:#bfbfbf;
+ fill:#868383;
&:hover {
- fill: #948a8a;
+ fill: #d1cbcb;
}
}
</style>
--
Gitblit v1.9.1