jiangchen/DSHWatch
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
jiangchen
2026-09-01 22:29:26 +08:00
parent 8ceaf2284e
commit 0f93004c2f
1 changed files with 17 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/index/index.ux
+17 -10
View File
@@ -59,16 +59,18 @@
<!-- 右页：丰富设置 --> <!-- 右页：丰富设置 -->
<div class="page-item right-page"> <div class="page-item right-page">
<text class="page-title">设置</text> <text class="page-title">设置</text>
<div class="setting-row" for="{{settingsList}}" onclick="toggleSetting($item.label)"> <list class="settings-list">
<text class="setting-label fl{{fontLevel}}">{{$item.label}}</text> <list-item for="{{settingsList}}" class="setting-row" onclick="toggleSetting($item.label)">
<text class="setting-value fl{{fontLevel}}">{{$item.value}}</text> <text class="setting-label fl{{fontLevel}}">{{$item.label}}</text>
</div> <text class="setting-value fl{{fontLevel}}">{{$item.value}}</text>
<text class="section-title fl{{fontLevel}}">手表端设置</text> </list-item>
<div class="setting-row" for="{{watchSettings}}" onclick="toggleSetting($item.label)"> <list-item class="section-title fl{{fontLevel}}">手表端设置</list-item>
<text class="setting-label fl{{fontLevel}}">{{$item.label}}</text> <list-item for="{{watchSettings}}" class="setting-row" onclick="toggleSetting($item.label)">
<text class="setting-value fl{{fontLevel}}">{{$item.value}}</text> <text class="setting-label fl{{fontLevel}}">{{$item.label}}</text>
</div> <text class="setting-value fl{{fontLevel}}">{{$item.value}}</text>
<text class="conn-text">{{connText}}</text> </list-item>
<list-item class="conn-text">{{connText}}</list-item>
</list>
</div> </div>
</swiper> </swiper>
@@ -657,6 +659,11 @@ export default {
} }
/* ===== 右页：设置 ===== */ /* ===== 右页：设置 ===== */
.settings-list {
flex: 1;
width: 100%;
}
.setting-row { .setting-row {
width: 100%; width: 100%;
min-height: 44px; min-height: 44px;