From 00fc503240260a65321c07bd0c5718f075b7da4b Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期二, 08 四月 2025 17:54:29 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/wyyDatabase
---
src/views/chronology/floatingWindow.vue | 32 +++++++++++++++++++++++++++++---
1 files changed, 29 insertions(+), 3 deletions(-)
diff --git a/src/views/chronology/floatingWindow.vue b/src/views/chronology/floatingWindow.vue
index b556ec3..88fd7b5 100644
--- a/src/views/chronology/floatingWindow.vue
+++ b/src/views/chronology/floatingWindow.vue
@@ -26,12 +26,23 @@
</div>
</div>
<div class="imageBox" v-if="info.type === 'image'">
- <div style="width: 500px; height: 300px">
+ <div style="width: 350px; height: 200px; position: relative">
<img
class="autoImg"
src="@/assets/images/chronology/photoTest.png"
alt=""
/>
+ </div>
+ <div
+ style="
+ display: flex;
+ width: 100%;
+ justify-content: space-between;
+ margin-top: 50px;
+ "
+ >
+ <div class="ARROWS">鈫�</div>
+ <div class="ARROWS">鈫�</div>
</div>
</div>
<div class="BookBox" v-if="info.type === 'book'">book</div>
@@ -58,8 +69,9 @@
</div>
</div>
<div class="audioBox" v-if="info.type === 'audio'">
- <audio src="https://www.w3schools.com/html/horse.ogg" controls></audio>
-
+ <div style="text-align: center">
+ <audio style="width: 100%" src="https://www.w3schools.com/html/horse.ogg" controls></audio>
+ </div>
<div>
<div class="subtitle">
<div class="source">涓浗涓尰鍩虹鍖诲鏉傚織</div>
@@ -153,4 +165,18 @@
height: 100%;
object-fit: cover;
}
+.ARROWS {
+ font-size: 24px;
+ line-height: 40px;
+ width: 40px;
+ height: 40px;
+ border-radius: 50%;
+ border: 1px solid #8f7a5a;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ cursor: pointer;
+ font-weight: 700;
+ color: #8f7a5a;
+}
</style>
--
Gitblit v1.9.1