Skip to content

11 样式与主题

11.1 样式组织

全局样式和主题样式位于 src/styles/ 等目录。页面样式优先使用组件局部作用域,跨页面复用的变量、工具类和布局规则才放入全局样式。

建议分层:基础重置和全局元素、主题变量、布局规则、公共组件样式、业务页面局部样式。

11.2 Element UI

项目使用 Element UI 作为基础管理端组件库。新增表单、表格、弹窗、分页、通知和上传功能时优先复用已有组件和项目封装,保持交互与错误提示一致。

11.3 注意事项

主题修改优先通过变量或统一主题入口完成;避免无必要覆盖全局 Element UI 样式;检查弹窗、下拉层、固定定位元素的 z-index 和滚动容器;多语言切换后检查按钮、菜单和表格列溢出。