From 6a60b4daf41770247d8b3b72012109ab51048b01 Mon Sep 17 00:00:00 2001
From: Frost-ZX <frost-zx@foxmail.com>
Date: Tue, 21 Jul 2026 21:18:09 +0800
Subject: [PATCH] =?UTF-8?q?docs:=20=E6=9B=B4=E6=96=B0=E4=BB=A3=E7=A0=81?=
 =?UTF-8?q?=E9=A3=8E=E6=A0=BC=E8=AF=B4=E6=98=8E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/代码风格.md | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/docs/代码风格.md b/docs/代码风格.md
index a21cdf1..d5f2d2c 100644
--- a/docs/代码风格.md
+++ b/docs/代码风格.md
@@ -34,7 +34,11 @@
 - 事件处理函数以 `handle` 开头，例如 `handleSave`；模板事件名采用 kebab-case，例如 `@edit-server`。
 - Naive UI 组件使用 `NButton` 等 PascalCase 导入，在模板中写为 `n-button`。
 - 模板属性一行较长时换行，每个属性单独一行，并保持 2 空格缩进。
-- 样式采用普通 CSS；类名使用 kebab-case；布局和组件私有样式就近放在对应组件中。
+- 元素标签内文本简短时，将文本与结束标签放在同一行；较长表达式或动态内容可单独成行。
+- 样式使用 Less；Vue SFC 中通过 `<style lang="less">` / `<style lang="less" scoped>` 声明。
+- 类名使用 kebab-case；布局和组件私有样式就近放在对应组件中。
+- 善用嵌套规则、`&` 父选择器减少重复；全局主题色等公共变量在 App.vue 中通过 CSS 自定义属性定义，命名与 `themeOverrides` 对应（例如 `--frost-primary-color`）。
+- 组件内直接使用 `var(--xxx)` 引用全局变量，不再单独定义 Less 变量。
 
 ## Electron 分层
 
@@ -45,5 +49,4 @@
 ## ESLint
 
 - 使用 `@electron-toolkit/eslint-config` 与 Vue 推荐规则作为基础。
-- Vue 组件允许单词名称；未强制默认 Prop；模板单行或多行内容换行规则已关闭。
 - 提交前执行 `pnpm lint`，并修复实际报告的问题。