From 8c45a15913a0e1d083b6c716123e0f61f85bb0b1 Mon Sep 17 00:00:00 2001
From: jiangchen <1703935164@qq.com>
Date: Tue, 1 Sep 2026 22:37:14 +0800
Subject: [PATCH] fix: explicit no-arg setting handlers (clickable) + top
 padding for title

---
 src/pages/index/index.ux | 70 ++++++++++++++++++++++++++--------------
 1 file changed, 45 insertions(+), 25 deletions(-)

diff --git a/src/pages/index/index.ux b/src/pages/index/index.ux
index 92be8bc..0de8e95 100644
--- a/src/pages/index/index.ux
+++ b/src/pages/index/index.ux
@@ -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 {