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