From ea81a714bb95022494c2df82daf9a006480c117e Mon Sep 17 00:00:00 2001
From: lanyuanxiaoyao <lanyuanxiaoyao@gmail.com>
Date: Mon, 30 Mar 2026 10:55:53 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E6=8A=80=E8=83=BD=E9=85=8D=E7=BD=AE?=
 =?UTF-8?q?=E5=8F=98=E9=87=8F=E8=A1=A8=E6=A0=BC=E5=88=A0=E9=99=A4=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=E6=94=B9=E4=B8=BA=E6=96=87=E5=AD=97=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 删除按钮从图标改为文字，使用 text-btn text-btn-danger 样式
- 操作列宽度从 80px 调整为 120px（col-actions--narrow）
- 移除未使用的 FiX 图标导入
---
 openspec/specs/console-skill-config/spec.md | 17 ++++++++++++++---
 src/pages/console/SkillConfigPage.jsx       |  8 ++++----
 2 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/openspec/specs/console-skill-config/spec.md b/openspec/specs/console-skill-config/spec.md
index 630d5de..dcf7a86 100644
--- a/openspec/specs/console-skill-config/spec.md
+++ b/openspec/specs/console-skill-config/spec.md
@@ -40,12 +40,17 @@
 - **AND** 表格包含以下列：
   - Key 输入框
   - Value 输入框
-  - 删除按钮（×）
+  - 操作列（包含"删除"文字按钮）
 
 #### Scenario: 空配置状态
 - **WHEN** 用户尚未添加任何配置变量
 - **THEN** 系统显示空表格或提示信息
 
+#### Scenario: 操作列宽度
+- **WHEN** 配置表格渲染完成
+- **THEN** 操作列使用 `col-actions--narrow` 类名
+- **AND** 操作列宽度为 120px
+
 ### Requirement: 新增配置项
 系统 SHALL 允许用户新增配置项。
 
@@ -56,10 +61,10 @@
 - **AND** Key 输入框自动获得焦点
 
 ### Requirement: 删除配置项
-系统 SHALL 允许用户删除配置项。
+系统 SHALL 允许用户删除配置项，使用文字删除按钮而非图标按钮。
 
 #### Scenario: 删除配置项
-- **WHEN** 用户点击某行的删除按钮（×）
+- **WHEN** 用户点击某行的"删除"文字按钮
 - **THEN** 系统从表格中移除该行
 - **AND** 不需要确认
 
@@ -68,6 +73,12 @@
 - **THEN** 系统允许删除操作
 - **AND** 表格变为空状态
 
+#### Scenario: 删除按钮样式
+- **WHEN** 配置表格渲染完成
+- **THEN** 删除按钮显示为文字按钮
+- **AND** 使用 `text-btn text-btn-danger` 样式
+- **AND** 按钮文本为"删除"
+
 ### Requirement: 配置输入校验
 系统 SHALL 对配置输入进行校验，确保 Key 和 Value 不能为空。
 
diff --git a/src/pages/console/SkillConfigPage.jsx b/src/pages/console/SkillConfigPage.jsx
index 3758128..923c508 100644
--- a/src/pages/console/SkillConfigPage.jsx
+++ b/src/pages/console/SkillConfigPage.jsx
@@ -1,6 +1,6 @@
 import { useState, useEffect } from 'react';
 import { useParams, useNavigate } from 'react-router-dom';
-import { FiPlus, FiX, FiUsers, FiStar, FiPackage } from 'react-icons/fi';
+import { FiPlus, FiUsers, FiStar, FiPackage } from 'react-icons/fi';
 import { skills, userSubscriptions } from '../../data/skills.js';
 import Toast from '../../components/common/Toast.jsx';
 
@@ -157,7 +157,7 @@ function SkillConfigPage() {
                                     <tr>
                                         <th>Key</th>
                                         <th>Value</th>
-                                        <th className="col-actions--tiny">操作</th>
+                                        <th className="col-actions--narrow">操作</th>
                                     </tr>
                                 </thead>
                                 <tbody>
@@ -191,12 +191,12 @@ function SkillConfigPage() {
                                                     </div>
                                                 )}
                                             </td>
-                                            <td>
+                                            <td className="col-actions--narrow">
                                                 <button
                                                     className="text-btn text-btn-danger"
                                                     onClick={() => handleRemoveConfig(index)}
                                                 >
-                                                    <FiX />
+                                                    删除
                                                 </button>
                                             </td>
                                         </tr>