fix: settings page uses scroll container + clickable text rows (was blank with list)

src/pages/index/index.ux

@@ -59,18 +59,18 @@
       <!-- 右页：丰富设置 -->
       <div class="page-item right-page">
         <text class="page-title">设置</text>
-        <list class="settings-list">
-          <list-item for="{{settingsList}}" class="setting-row" onclick="toggleSetting($item.label)">
-            <text class="setting-label fl{{fontLevel}}">{{$item.label}}</text>
-            <text class="setting-value fl{{fontLevel}}">{{$item.value}}</text>
-          </list-item>
-          <list-item class="section-title fl{{fontLevel}}">手表端设置</list-item>
-          <list-item for="{{watchSettings}}" class="setting-row" onclick="toggleSetting($item.label)">
-            <text class="setting-label fl{{fontLevel}}">{{$item.label}}</text>
-            <text class="setting-value fl{{fontLevel}}">{{$item.value}}</text>
-          </list-item>
-          <list-item class="conn-text">{{connText}}</list-item>
-        </list>
+        <scroll class="settings-scroll">
+          <div class="setting-row" for="{{settingsList}}">
+            <text class="setting-label fl{{fontLevel}}" onclick="toggleSetting($item.label)">{{$item.label}}</text>
+            <text class="setting-value fl{{fontLevel}}" onclick="toggleSetting($item.label)">{{$item.value}}</text>
+          </div>
+          <text class="section-title fl{{fontLevel}}">手表端设置</text>
+          <div class="setting-row" for="{{watchSettings}}">
+            <text class="setting-label fl{{fontLevel}}" onclick="toggleSetting($item.label)">{{$item.label}}</text>
+            <text class="setting-value fl{{fontLevel}}" onclick="toggleSetting($item.label)">{{$item.value}}</text>
+          </div>
+          <text class="conn-text">{{connText}}</text>
+        </scroll>
       </div>
     </swiper>
 
@@ -659,9 +659,10 @@ export default {
 }
 
 /* ===== 右页：设置 ===== */
-.settings-list {
+.settings-scroll {
   flex: 1;
   width: 100%;
+  height: 100%;
 }
 
 .setting-row {