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">
|
<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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user