From 974bad3d84cd6c9730211a310513fd16d0f10bd2 Mon Sep 17 00:00:00 2001
From: admin <1562818788@qq.com>
Date: Tue, 22 Apr 2025 21:23:14 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=8A=E4=BC=A0=E6=96=87=E4=BB=B6=E8=87=B3?=
 =?UTF-8?q?=20pages/detail?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/detail/index.ux | 65 +++++++++++++++++++++++++++++++++----------
 1 file changed, 51 insertions(+), 14 deletions(-)

diff --git a/pages/detail/index.ux b/pages/detail/index.ux
index 8ba49ef..25e105a 100644
--- a/pages/detail/index.ux
+++ b/pages/detail/index.ux
@@ -1,10 +1,10 @@
 <template>
   <div class="page" @swipe="back" @click="nextDialogue">
     <image src="internal://files/{{Img}}"></image>
-      <image style="position: absolute;top: 300px;left: 0;" src="/common/text_bg.png" if="{{gameData.scenes[currentScene].choices == undefined && Img !== 'bg.png'}}"></image>
-      <text style="position: absolute;height: 50px;top: 250px;left: 8px;font-size: 28px;color: #FFFFFF;font-weight: bold" if="{{gameData.scenes[currentScene].choices == undefined && Img !== 'bg.png'}}">{{character}}</text>
+      <image class="textbg" style="position: absolute;left: 0;" src="/common/text_bg.png" if="{{gameData.scenes[currentScene].choices == undefined && Img !== 'bg.png'}}"></image>
+      <text class="characterpos" style="position: absolute;height: 50px;font-size: 28px;color: #FFFFFF;font-weight: bold" if="{{gameData.scenes[currentScene].choices == undefined && Img !== 'bg.png'}}">{{character}}</text>
       <scroll scroll-y="true" bounces="true" class="scroll" id="scroll" if="{{gameData.scenes[currentScene].choices == undefined && Img !== 'bg.png'}}">
-        <text style="color: #FFFFFF;font-weight: bold;width: 100%;text-align: left;font-size: {{settings.textSize}}px;">{{showText}}</text>
+        <text class="showtext" style="color: #FFFFFF;font-weight: bold;width: 100%;font-size: {{settings.textSize}}px;">{{showText}}</text>
       </scroll>
     <div class="page" style="background-color: #000000;" @click="nextDialogue">
       
@@ -362,18 +362,55 @@ export default {
   width: 390px;
   height: 450px;
 }
-.scroll{
-  position: absolute;
-  bottom: 0;
-  top: 300px;
-  left: 8px;
-  right: 8px;
-  width: 390px;
-  height: 155px;
-  text-overflow: ellipsis;
-  flex-wrap: wrap;
+/* 圆表上生效 */
+@media screen and (device: watch-round) {
+  .textbg {
+    top: 245px;
+  }
+  .characterpos {
+    top: 200px;
+    left: 10px;
+  }
+  .showtext {
+    text-align: center;
+  }
+  .scroll {
+    position: absolute;
+    bottom: 0;
+    top: 245px;
+    left: 40px;
+    right: 0;
+    width: 300px;
+    height: 155px;
+    text-overflow: ellipsis;
+    flex-wrap: wrap;
+  }
 }
-.scroll1{
+/* 方表上生效 */
+@media screen and (device: watch-square) {
+  .textbg {
+    top: 300px;
+  }
+  .characterpos {
+    top: 250px;
+    left: 8px;
+  }
+  .showtext {
+    text-align: left;
+  }
+  .scroll {
+    position: absolute;
+    bottom: 0;
+    top: 300px;
+    left: 8px;
+    right: 8px;
+    width: 390px;
+    height: 155px;
+    text-overflow: ellipsis;
+    flex-wrap: wrap;
+  }
+}
+.scroll1 {
   position: absolute;
   bottom: 0;
   top: 0;