yiqiu/BlackFruit-UI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

背景色优化
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
yiqiu
2026-01-10 17:14:19 +08:00
parent a5323e15a5
commit bf5cc83353
1 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
css/nav-mega-menu.css
View File

@@ -6,7 +6,7 @@
top: 100%; top: 100%;
left: 0; left: 0;
width: 100%; width: 100%;
background: #fff; background: linear-gradient(to bottom, #f8fbff 0%, #fff 100%);
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
z-index: 1000; z-index: 1000;
overflow: hidden; overflow: hidden;
@@ -83,7 +83,7 @@
.nav-right-content { .nav-right-content {
flex: 1; flex: 1;
padding: 24px 32px; padding: 24px 32px;
background: #fff; background: linear-gradient(135deg, #fafcff 0%, #ffffff 100%);
overflow-y: auto; overflow-y: auto;
max-height: 500px; max-height: 500px;
} }
@@ -112,19 +112,21 @@
/* 三级菜单网格布局 */ /* 三级菜单网格布局 */
.nav-third-grid { .nav-third-grid {
display: grid; display: grid;
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); grid-template-columns: repeat(3, 1fr);
gap: 12px 20px; gap: 12px 24px;
margin-top: 20px; margin-top: 20px;
} }
/* 三级菜单项 */ /* 三级菜单项 */
.nav-third-item { .nav-third-item {
margin: 0; margin: 0;
width: 100%;
} }
.nav-third-link { .nav-third-link {
display: flex; display: flex;
align-items: center; align-items: center;
width: 100%;
padding: 10px 12px; padding: 10px 12px;
border-radius: 4px; border-radius: 4px;
color: #333; color: #333;
@@ -132,10 +134,11 @@
text-decoration: none; text-decoration: none;
transition: all 0.2s ease; transition: all 0.2s ease;
border: 1px solid transparent; border: 1px solid transparent;
box-sizing: border-box;
} }
.nav-third-link:hover { .nav-third-link:hover {
background: #f0f7ff; background: #e6f7ff;
border-color: #91d5ff; border-color: #91d5ff;
color: #1890ff; color: #1890ff;
transform: translateX(4px); transform: translateX(4px);