fix: zero swiper margins (no edge bleed) + setting rows clickable via label
This commit is contained in:
@@ -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() {
|
||||||
|
|||||||
Reference in New Issue
Block a user