在码上飞AI平台中，通过全局样式配置中心统一设置按钮的背景色、文字色、圆角和字体大小，并启用强制继承与禁用覆盖功能，可解决按钮样式不一致问题。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
在码上飞AI平台中快速生成多个页面后，按钮样式常出现颜色不一、圆角各异、文字大小错乱等问题，导致整体UI不协调，影响预览效果和用户信任感。
进入全局样式配置中心
登录码上飞后台 → 点击左上角「项目设置」→ 在弹出菜单中选择「主题与样式」→ 切换到「组件样式」标签页。
这里不是编辑单个按钮，而是定义所有按钮的底层规则。一旦修改，后续新增按钮自动继承，已存在按钮需手动刷新生效。
统一按钮基础属性
在「组件样式」页中，找到「Button（按钮）」模块，展开其子项：
点击「默认状态」→ 设置【背景色】为 #409EFF，【文字色】为 #FFFFFF，【边框圆角】设为 6px，【字体大小】选 14px。
注意：若项目已上线，此操作不会影响线上版本，仅作用于后续编辑与预览；但若已导出源码，需手动同步修改 Vue 组件中的 $button-primary 变量值。
勾选「同步至悬停/禁用状态」复选框，让 hover 和 disabled 样式自动按比例推算，避免手动逐项配置出错。
批量更新现有按钮
方法一：使用「样式刷」功能
在任意一个已按新规范设置好的按钮上右键 → 选择「复制样式」→ 按住 Ctrl+A 全选当前页面所有组件 → 右键 → 粘贴样式 → 系统将自动识别并仅覆盖按钮类组件的样式。
方法二：通过组件树批量操作
打开右侧「组件树」面板 → 点击顶部筛选图标 → 选择「Button」→ 此时所有按钮高亮显示 → 右键任意一个高亮按钮 → 选择「批量设置样式」→ 勾选「重置为默认主题样式」→ 确认。
这一步会强制清除各按钮本地覆盖的样式，回归全局设定。如果某个按钮你特意保留了红色删除色，请先取消勾选该按钮再执行批量操作。
防止下次开发再次错乱
第一步：在「项目设置 → 主题与样式 → 高级选项」中开启「新建组件强制继承全局样式」开关。
第二步：关闭「允许组件样式覆盖」选项——此项一旦关闭，设计画布中将无法对单个按钮双击修改颜色或圆角，彻底杜绝人为不一致。
第三步：导出前运行「样式合规检测」，系统会标出所有未遵循全局规则的按钮位置，支持一键跳转修复。
