fix: zero swiper margins (no edge bleed) + setting rows clickable via label
This commit is contained in:
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div class="page">
|
||||
<swiper class="swiper" index="{{currentIndex}}" indicator="false" loop="false"
|
||||
previousmargin="14px" nextmargin="14px" onchange="onSwipeChange">
|
||||
previousmargin="0px" nextmargin="0px" onchange="onSwipeChange">
|
||||
|
||||
<!-- 左页:对话(Harness 式) -->
|
||||
<div class="page-item left-page">
|
||||
@@ -59,12 +59,12 @@
|
||||
<!-- 右页:丰富设置 -->
|
||||
<div class="page-item right-page">
|
||||
<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-value fl{{fontLevel}}">{{$item.value}}</text>
|
||||
</div>
|
||||
<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-value fl{{fontLevel}}">{{$item.value}}</text>
|
||||
</div>
|
||||
@@ -245,11 +245,12 @@ export default {
|
||||
this.inputText = e && e.value || ''
|
||||
},
|
||||
|
||||
toggleSetting(index) {
|
||||
toggleSetting(label) {
|
||||
const all = [...this.settingsList, ...this.watchSettings]
|
||||
const row = all[index]
|
||||
if (row && row.label === '字体大小') { this.openFontPicker(); return }
|
||||
if (row) row.value += ' ·'
|
||||
const row = all.find((r) => r.label === label)
|
||||
if (!row) return
|
||||
if (row.label === '字体大小') { this.openFontPicker(); return }
|
||||
row.value += ' ·'
|
||||
},
|
||||
|
||||
openFontPicker() {
|
||||
|
||||
Reference in New Issue
Block a user