fix: zero swiper margins (no edge bleed) + setting rows clickable via label

This commit is contained in:
2026-09-01 22:27:35 +08:00
parent 52a224e070
commit 8ceaf2284e
+8 -7
View File
@@ -1,7 +1,7 @@
<template> <template>
<div class="page"> <div class="page">
<swiper class="swiper" index="{{currentIndex}}" indicator="false" loop="false" <swiper class="swiper" index="{{currentIndex}}" indicator="false" loop="false"
previousmargin="14px" nextmargin="14px" onchange="onSwipeChange"> previousmargin="0px" nextmargin="0px" onchange="onSwipeChange">
<!-- 左页:对话(Harness 式) --> <!-- 左页:对话(Harness 式) -->
<div class="page-item left-page"> <div class="page-item left-page">
@@ -59,12 +59,12 @@
<!-- 右页:丰富设置 --> <!-- 右页:丰富设置 -->
<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($index)"> <div class="setting-row" for="{{settingsList}}" onclick="toggleSetting($item.label)">
<text class="setting-label fl{{fontLevel}}">{{$item.label}}</text> <text class="setting-label fl{{fontLevel}}">{{$item.label}}</text>
<text class="setting-value fl{{fontLevel}}">{{$item.value}}</text> <text class="setting-value fl{{fontLevel}}">{{$item.value}}</text>
</div> </div>
<text class="section-title fl{{fontLevel}}">手表端设置</text> <text class="section-title fl{{fontLevel}}">手表端设置</text>
<div class="setting-row" for="{{watchSettings}}" onclick="toggleSetting($index)"> <div class="setting-row" for="{{watchSettings}}" onclick="toggleSetting($item.label)">
<text class="setting-label fl{{fontLevel}}">{{$item.label}}</text> <text class="setting-label fl{{fontLevel}}">{{$item.label}}</text>
<text class="setting-value fl{{fontLevel}}">{{$item.value}}</text> <text class="setting-value fl{{fontLevel}}">{{$item.value}}</text>
</div> </div>
@@ -245,11 +245,12 @@ export default {
this.inputText = e && e.value || '' this.inputText = e && e.value || ''
}, },
toggleSetting(index) { toggleSetting(label) {
const all = [...this.settingsList, ...this.watchSettings] const all = [...this.settingsList, ...this.watchSettings]
const row = all[index] const row = all.find((r) => r.label === label)
if (row && row.label === '字体大小') { this.openFontPicker(); return } if (!row) return
if (row) row.value += ' ·' if (row.label === '字体大小') { this.openFontPicker(); return }
row.value += ' ·'
}, },
openFontPicker() { openFontPicker() {