fix: settings page uses list/list-item so rows scroll + are tappable

src/pages/index/index.ux

@@ -59,16 +59,18 @@
       <!-- 右页：丰富设置 -->
       <div class="page-item right-page">
         <text class="page-title">设置</text>
-        <div class="setting-row" for="{{settingsList}}" onclick="toggleSetting($item.label)">
+        <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>
-        </div>
-        <text class="section-title fl{{fontLevel}}">手表端设置</text>
-        <div class="setting-row" for="{{watchSettings}}" onclick="toggleSetting($item.label)">
+          </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>
-        </div>
-        <text class="conn-text">{{connText}}</text>
+          </list-item>
+          <list-item class="conn-text">{{connText}}</list-item>
+        </list>
       </div>
     </swiper>
 
@@ -657,6 +659,11 @@ export default {
 }
 
 /* ===== 右页：设置 ===== */
+.settings-list {
+  flex: 1;
+  width: 100%;
+}
+
 .setting-row {
   width: 100%;
   min-height: 44px;