fix: explicit no-arg setting handlers (clickable) + top padding for title

This commit is contained in:
2026-09-01 22:37:14 +08:00
parent daebe6520a
commit 8c45a15913
+45 -25
View File
@@ -59,14 +59,38 @@
<!-- 右页:丰富设置 --> <!-- 右页:丰富设置 -->
<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}}"> <div class="setting-row" onclick="toggleModel">
<text class="setting-label fl{{fontLevel}}" onclick="toggleSetting($item.label)">{{$item.label}}</text> <text class="setting-label fl{{fontLevel}}">模型</text>
<text class="setting-value fl{{fontLevel}}" onclick="toggleSetting($item.label)">{{$item.value}}</text> <text class="setting-value fl{{fontLevel}}">{{modelValue}}</text>
</div>
<div class="setting-row" onclick="toggleProvider">
<text class="setting-label fl{{fontLevel}}">提供方</text>
<text class="setting-value fl{{fontLevel}}">{{providerValue}}</text>
</div>
<div class="setting-row" onclick="toggleReason">
<text class="setting-label fl{{fontLevel}}">推理强度</text>
<text class="setting-value fl{{fontLevel}}">{{reasonValue}}</text>
</div>
<div class="setting-row" onclick="togglePerm">
<text class="setting-label fl{{fontLevel}}">权限模式</text>
<text class="setting-value fl{{fontLevel}}">{{permValue}}</text>
</div>
<div class="setting-row" onclick="toggleDialog">
<text class="setting-label fl{{fontLevel}}">对话模式</text>
<text class="setting-value fl{{fontLevel}}">{{dialogModeValue}}</text>
</div> </div>
<text class="section-title fl{{fontLevel}}">手表端设置</text> <text class="section-title fl{{fontLevel}}">手表端设置</text>
<div class="setting-row" for="{{watchSettings}}"> <div class="setting-row" onclick="toggleWatchConn">
<text class="setting-label fl{{fontLevel}}" onclick="toggleSetting($item.label)">{{$item.label}}</text> <text class="setting-label fl{{fontLevel}}">手环连接</text>
<text class="setting-value fl{{fontLevel}}" onclick="toggleSetting($item.label)">{{$item.value}}</text> <text class="setting-value fl{{fontLevel}}">{{watchConnValue}}</text>
</div>
<div class="setting-row" onclick="toggleServer">
<text class="setting-label fl{{fontLevel}}">服务器</text>
<text class="setting-value fl{{fontLevel}}">{{serverValue}}</text>
</div>
<div class="setting-row" onclick="openFontPicker">
<text class="setting-label fl{{fontLevel}}">字体大小</text>
<text class="setting-value fl{{fontLevel}}">{{fontLabel}}</text>
</div> </div>
<text class="conn-text">{{connText}}</text> <text class="conn-text">{{connText}}</text>
</div> </div>
@@ -149,18 +173,13 @@ export default {
token: '' token: ''
}, },
connText: '手机/手表未连接', connText: '手机/手表未连接',
settingsList: [ modelValue: 'DeepSeek-V4-Flash',
{ label:'模型', value:'DeepSeek-V4-Flash' }, providerValue: 'DeepSeek 官方',
{ label:'提供方', value:'DeepSeek 官方' }, reasonValue: '高',
{ label:'推理强度', value:'高' }, permValue: 'Workspace Write',
{ label:'权限模式', value:'Workspace Write' }, dialogModeValue: '深神模式',
{ label:'对话模式', value:'深神模式' } watchConnValue: '未连接(占位)',
], serverValue: 'ws://127.0.0.1:8787',
watchSettings: [
{ label:'手环连接', value:'未连接(占位)' },
{ label:'服务器', value:'ws://127.0.0.1:8787' },
{ label:'字体大小', value:'中' }
],
showFontPicker: false, showFontPicker: false,
fontValue: 18, fontValue: 18,
fontLevel: 1, fontLevel: 1,
@@ -241,13 +260,13 @@ export default {
this.inputText = e && e.value || '' this.inputText = e && e.value || ''
}, },
toggleSetting(label) { toggleModel() { this.modelValue += ' ·' },
const all = [...this.settingsList, ...this.watchSettings] toggleProvider() { this.providerValue += ' ·' },
const row = all.find((r) => r.label === label) toggleReason() { this.reasonValue += ' ·' },
if (!row) return togglePerm() { this.permValue += ' ·' },
if (row.label === '字体大小') { this.openFontPicker(); return } toggleDialog() { this.dialogModeValue += ' ·' },
row.value += ' ·' toggleWatchConn() { this.watchConnValue += ' ·' },
}, toggleServer() { this.serverValue += ' ·' },
openFontPicker() { openFontPicker() {
this.showFontPicker = true this.showFontPicker = true
@@ -358,6 +377,7 @@ export default {
.right-page { .right-page {
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;
padding-top: 22px;
} }
.center-page { .center-page {