From 01fd84a5c2184c172e16f59f506fe7c3a6990bc2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E6=96=8C?= <259278618@qq.com>
Date: Thu, 13 Aug 2026 15:29:45 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20RubyText=20=E6=B3=A8=E9=9F=B3=E5=B8=83?=
 =?UTF-8?q?=E5=B1=80=E9=87=8D=E5=86=99=EF=BC=88=E5=A4=96=E5=B1=82=20text?=
 =?UTF-8?q?=E2=86=92view+flex=EF=BC=8C=E6=8B=BC=E9=9F=B3=E5=AF=B9=E9=BD=90?=
 =?UTF-8?q?=E6=B1=89=E5=AD=97=E6=AD=A3=E4=B8=8A=E6=96=B9=EF=BC=8C=E5=85=BC?=
 =?UTF-8?q?=E5=AE=B9=E5=B0=8F=E7=A8=8B=E5=BA=8F=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui-src/src/components/RubyText.vue | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/ui-src/src/components/RubyText.vue b/ui-src/src/components/RubyText.vue
index 48ef1ae..30674a0 100644
--- a/ui-src/src/components/RubyText.vue
+++ b/ui-src/src/components/RubyText.vue
@@ -1,10 +1,10 @@
 <template>
-  <text class="ruby-wrap" :class="{ dark: dark }">
-    <text v-for="(ch, i) in pairs" :key="i" class="ruby-unit">
+  <view class="ruby-wrap" :class="{ dark: dark }">
+    <view v-for="(ch, i) in pairs" :key="i" class="ruby-unit">
       <text v-if="ch.p && show" class="ruby-py">{{ ch.p }}</text>
       <text class="ruby-ch">{{ ch.c }}</text>
-    </text>
-  </text>
+    </view>
+  </view>
 </template>
 
 <script>
@@ -28,14 +28,14 @@ export default {
 
 <style scoped>
 .ruby-wrap {
-  display: inline;
+  display: flex;
+  flex-wrap: wrap;
   line-height: 1.9;
 }
 .ruby-unit {
-  display: inline-flex;
+  display: flex;
   flex-direction: column;
   align-items: center;
-  vertical-align: top;
   margin: 0 2rpx;
 }
 .ruby-py {