DeXun/erp-next
9
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 完成京东风格整体改造

Browse Source 
1.  启用京东红主题，替换全局主色调为#e4393c
2.  调整侧边栏宽度为200px，优化导航样式
3.  重构顶部导航、侧边菜单、表格、卡片等全局组件样式
4.  新增JdStatusTabs和JdFilterBar通用组件
5.  统一业务页面配色风格为红白灰配色方案
6.  修复物料列表空数据展示问题，优化表格样式
7.  新增京东风格改造文档说明
This commit is contained in:
王文昊
2026-06-15 16:04:10 +08:00
parent 24ab178ec1
commit 41954f6ef1
23 changed files with 2623 additions and 851 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
ruoyi-ui/src/layout/components/TopBar/index.vue
View File

@@ -66,7 +66,7 @@ export default {
}
.el-menu--horizontal .el-menu--popup .el-menu-item:hover {
background-color: #f5f7fa !important;
background-color: #f0f0f0 !important;
}
/* submenu item */
@@ -74,11 +74,18 @@ export default {
float: left;
height: 47px !important;
line-height: 50px !important;
color: #303133;
color: #666 !important;
margin: 0 15px !important;
background: transparent !important;
border-bottom: none !important;
}
/* topbar more arrow */
.topbar-menu.el-menu--horizontal > .el-submenu .el-submenu__title:hover {
color: #e4393c !important;
background: rgba(0, 0, 0, 0.03) !important;
}
/* topbar more arrow */
.topbar-menu .el-submenu .el-submenu__icon-arrow {
position: static;
vertical-align: middle;
@@ -91,6 +98,22 @@ export default {
height: 55px;
}
.topbar-menu.el-menu--horizontal > .el-menu-item {
color: #666 !important;
background: transparent !important;
border-bottom: none !important;
}
.topbar-menu.el-menu--horizontal > .el-menu-item:hover {
color: #e4393c !important;
background: rgba(0, 0, 0, 0.03) !important;
}
.topbar-menu.el-menu--horizontal > .el-menu-item.is-active {
color: #e4393c !important;
background: rgba(0, 0, 0, 0.03) !important;
}
.el-menu--horizontal .el-menu .el-menu-item, .el-menu--horizontal .el-menu .el-submenu__title{
color: #303133;
}