主题配置指南 🛠️

主题配置是自定义页面风格的核心步骤，以下是关键配置项说明：

1. 基础配置

  • 配置文件路径：/src/theme.config.js
  • 核心参数：
    • name：主题名称（如 my-theme）
    • colors：主色调设置（如 primary: '#007bff'）
    • fonts：字体家族定义（如 sans-serif）
  • 默认值：系统会加载 /themes/default/config.js 作为基准

2. 自定义选项

  • 响应式设计：通过 breakpoints 配置适配不同设备
  • 组件样式：使用 components 字段覆盖特定元素样式
  • 图标库：推荐接入 图标配置指南 中的组件库

3. 扩展阅读

主题配置界面

⚠️ 注意：修改配置后请运行 npm run build 以生成新的主题包
✨ 小技巧：使用 theme: 'preview' 可实时预览配置效果