若依框架二次开发——若依 Vue3 版本前端样式优化指南
文章目录
- 1. 修改 Sidebar 侧边栏字体样式
- 2. 修改全局 Tags 标签按钮背景色
- 3. 调整 Tags 标签页样式
- 4. 调整表格样式
- 5. 优化树形菜单选中样式
- 结语
在使用
RuoYi 框架的
Vue3 前端项目时，适当调整
UI 样式可以提升用户体验，使界面更加美观、直观。本指南介绍如何修改
Sidebar、
Tags 标签、表格 以及 树形菜单 的样式，以适配不同的
UI 需求。
1. 修改 Sidebar 侧边栏字体样式
文件位置：src/assets/styles/sidebar.scss
// 侧边栏菜单样式
.el-sub-menu,
.el-menu--vertical {
font-weight:700;
background:#99a9bf;