From cec8718629df71ae275ce4b6e575a3d5b91b3056 Mon Sep 17 00:00:00 2001
From: chorblack <cjl1562818788@163.com>
Date: Sun, 27 Apr 2025 18:22:37 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E9=94=AE=E7=9B=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/Demo/index.ux | 121 ++++++++++++++++++++++----------------------
 1 file changed, 60 insertions(+), 61 deletions(-)

diff --git a/pages/Demo/index.ux b/pages/Demo/index.ux
index 5ae5a84..b0cb643 100644
--- a/pages/Demo/index.ux
+++ b/pages/Demo/index.ux
@@ -1,69 +1,68 @@
 <template>
 <div class="container">
-  
-      <div class="container-col">
-          <text class="letters-display">{{ letters }}</text>
-          <text class="words-preview">{{ words }}</text>
-          <div class="container-row-candidate">
-            <input type="button" value="<" class="candidate-word-button" onclick="wordsPageBack"></input>
-              <input type="button" value="{{ currentWords[0]||'' }}" class="candidate-word-button" 
-                      onclick="selectInput(currentWords[0])"></input>
-              <input type="button" value="{{ currentWords[1]||'' }}" class="candidate-word-button"
-                      onclick="selectInput(currentWords[1])"></input>
-              <input type="button" value="{{ currentWords[2]||'' }}" class="candidate-word-button"
-                      onclick="selectInput(currentWords[2])"></input>
-              <input type="button" value="{{ currentWords[3] ||''}}" class="candidate-word-button"
-                      onclick="selectInput(currentWords[3])"></input>
-              <input type="button" value="{{ currentWords[4] ||''}}" class="candidate-word-button"
-                      onclick="selectInput(currentWords[4])"></input>
-              <input type="button" value=">" class="candidate-word-button" onclick="wordsPageForward"></input>
-          </div>
-          <!-- 滑动键盘区域 -->
-      <!-- 第一行 -->
-      <div class="keyboard-row-scroll" scroll-x="true">
-          <div class="keyboard-row" for="{{row1Letters}}">
-              <input 
-                  type="button" 
-                  class="input-button"
-                  value="{{$item}}"
-                  onclick="input($item)"
-                  
-              />
-          </div>
-      </div>
+  <div class="container-col">
+    <text class="letters-display">{{ letters }}</text>
+    <text class="words-preview">{{ words }}</text>
+    <div class="container-row-candidate">
+      <input type="button" value="<" class="candidate-word-button" onclick="wordsPageBack"></input>
+        <input type="button" value="{{ currentWords[0]||'' }}" class="candidate-word-button" 
+                onclick="selectInput(currentWords[0])"></input>
+        <input type="button" value="{{ currentWords[1]||'' }}" class="candidate-word-button"
+                onclick="selectInput(currentWords[1])"></input>
+        <input type="button" value="{{ currentWords[2]||'' }}" class="candidate-word-button"
+                onclick="selectInput(currentWords[2])"></input>
+        <input type="button" value="{{ currentWords[3] ||''}}" class="candidate-word-button"
+                onclick="selectInput(currentWords[3])"></input>
+        <input type="button" value="{{ currentWords[4] ||''}}" class="candidate-word-button"
+                onclick="selectInput(currentWords[4])"></input>
+        <input type="button" value=">" class="candidate-word-button" onclick="wordsPageForward"></input>
+    </div>
+    <!-- 滑动键盘区域 -->
+    <!-- 第一行 -->
+    <div class="keyboard-row-scroll" scroll-x="true">
+        <div class="keyboard-row" for="{{row1Letters}}">
+            <input 
+                type="button" 
+                class="input-button"
+                value="{{$item}}"
+                onclick="input($item)"
+                
+            />
+        </div>
+    </div>
 
-      <!-- 第二行 -->
-      <div class="keyboard-row-scroll" scroll-x="true">
-          <div class="keyboard-row" for="{{row2Letters}}">
-              <input 
-                  type="button" 
-                  class="input-button"
-                  value="{{$item}}"
-                  onclick="input($item)"
-              />
-          </div>
-      </div>
-
-      <!-- 第三行 -->
-      <div class="keyboard-row-scroll" scroll-x="true">
-          <div class="keyboard-row" for="{{row3Letters}}">
-              <input 
-                  type="button" 
-                  class="input-button"
-                  value="{{$item}}"
-                  onclick="input($item)"
-              />
-          </div>
-      </div>
-          
-          <div class="function-row">
-          <input type="button" value="中" class="mode-button" onclick="changeToCn"></input>
-          <input type="button" value="英" class="mode-button" onclick="changeToEn"></input>
-          <input type="button" value="符" class="mode-button" onclick="changeToSymbol"></input>
-          <input type="button" value="空格" class="space-button" onclick="input(' ')"></input>
-          <input type="button" value="←" class="backspace-button" onclick="backspace"></input>
+    <!-- 第二行 -->
+    <div class="keyboard-row-scroll" scroll-x="true">
+      <div class="keyboard-row" for="{{row2Letters}}">
+        <input 
+            type="button" 
+            class="input-button"
+            value="{{$item}}"
+            onclick="input($item)"
+        />
       </div>
     </div>
+
+    <!-- 第三行 -->
+    <div class="keyboard-row-scroll" scroll-x="true">
+      <div class="keyboard-row" for="{{row3Letters}}">
+        <input 
+            type="button" 
+            class="input-button"
+            value="{{$item}}"
+            onclick="input($item)"
+        />
+      </div>
+    </div>
+        
+    <div class="function-row">
+      <input type="button" value="中" class="mode-button" onclick="changeToCn"/>
+      <input type="button" value="英" class="mode-button" onclick="changeToEn"/>
+      <input type="button" value="符" class="mode-button" onclick="changeToSymbol"/>
+      <input type="button" value="空格" class="space-button" onclick="input(' ')"/>
+      <input type="button" value="←" class="backspace-button" onclick="backspace"/>
+    </div>
+  </div>
 </div>
 </template>