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

This commit is contained in:
2026-09-01 22:31:29 +08:00
parent 0f93004c2f
commit 024ea2c1a4
+14 -13
View File
@@ -59,18 +59,18 @@
<!-- 右页:丰富设置 --> <!-- 右页:丰富设置 -->
<div class="page-item right-page"> <div class="page-item right-page">
<text class="page-title">设置</text> <text class="page-title">设置</text>
<list class="settings-list"> <scroll class="settings-scroll">
<list-item for="{{settingsList}}" class="setting-row" onclick="toggleSetting($item.label)"> <div class="setting-row" for="{{settingsList}}">
<text class="setting-label fl{{fontLevel}}">{{$item.label}}</text> <text class="setting-label fl{{fontLevel}}" onclick="toggleSetting($item.label)">{{$item.label}}</text>
<text class="setting-value fl{{fontLevel}}">{{$item.value}}</text> <text class="setting-value fl{{fontLevel}}" onclick="toggleSetting($item.label)">{{$item.value}}</text>
</list-item> </div>
<list-item class="section-title fl{{fontLevel}}">手表端设置</list-item> <text class="section-title fl{{fontLevel}}">手表端设置</text>
<list-item for="{{watchSettings}}" class="setting-row" onclick="toggleSetting($item.label)"> <div class="setting-row" for="{{watchSettings}}">
<text class="setting-label fl{{fontLevel}}">{{$item.label}}</text> <text class="setting-label fl{{fontLevel}}" onclick="toggleSetting($item.label)">{{$item.label}}</text>
<text class="setting-value fl{{fontLevel}}">{{$item.value}}</text> <text class="setting-value fl{{fontLevel}}" onclick="toggleSetting($item.label)">{{$item.value}}</text>
</list-item> </div>
<list-item class="conn-text">{{connText}}</list-item> <text class="conn-text">{{connText}}</text>
</list> </scroll>
</div> </div>
</swiper> </swiper>
@@ -659,9 +659,10 @@ export default {
} }
/* ===== 右页:设置 ===== */ /* ===== 右页:设置 ===== */
.settings-list { .settings-scroll {
flex: 1; flex: 1;
width: 100%; width: 100%;
height: 100%;
} }
.setting-row { .setting-row {