diff --git a/src/app/routes/data-v/navigation/navigation.component.html b/src/app/routes/data-v/navigation/navigation.component.html index 7d856b1..07136f0 100644 --- a/src/app/routes/data-v/navigation/navigation.component.html +++ b/src/app/routes/data-v/navigation/navigation.component.html @@ -5,10 +5,12 @@ diff --git a/src/app/routes/data-v/navigation/navigation.component.less b/src/app/routes/data-v/navigation/navigation.component.less index 130de42..a27ed37 100644 --- a/src/app/routes/data-v/navigation/navigation.component.less +++ b/src/app/routes/data-v/navigation/navigation.component.less @@ -1,14 +1,63 @@ + .navigation-container { + overflow-x: auto; /* 水平方向上的滚动条 */ display: flex; flex-direction: row; width: 100%; padding-left: 2rem; + white-space: nowrap; /* 防止菜单项换行 */ +} + +/* 调整滚动条大小 */ +::-webkit-scrollbar { + width: 8px; /* 调整滚动条的宽度 */ + height: 8px; /* 调整滚动条的高度 */ +} + +/* 调整滚动条轨道的样式 */ +::-webkit-scrollbar-track { + background: #f1f1f1; + border-radius: 4px; +} + +/* 调整滚动条滑块的样式 */ +::-webkit-scrollbar-thumb { + background: #888; + border-radius: 4px; +} + +/* 当鼠标悬停在滑块上时,改变滑块的颜色 */ +::-webkit-scrollbar-thumb:hover { + background: #555; +} + +/* 调整菜单与滚动条的间距 */ +.navigation-container ul { + padding-right: 12px; /* 增加右侧内边距以增加间距 */ +} + +.dropdown-submenu { + display: inline-block; /* 使菜单项在一行内显示 */ +} + +.scrollable-menu ul { + padding-right: 20px; /* 右侧内边距,根据需要调整 */ +} + +[nz-button] { + margin-right: 8px; + margin-bottom: 12px; +} + +.nz-button-group [nz-button] { + margin-right: 0; } ul { display: inline-flex; width: max-content; margin-right: auto; + margin-bottom: 10px; margin-bottom: 0; li { diff --git a/src/app/routes/data-v/navigation/navigation.component.ts b/src/app/routes/data-v/navigation/navigation.component.ts index 9527ecd..ffec37e 100644 --- a/src/app/routes/data-v/navigation/navigation.component.ts +++ b/src/app/routes/data-v/navigation/navigation.component.ts @@ -35,9 +35,8 @@ export class DataVNavigationComponent implements OnInit { { menuCode: 'Home', text: '我的工作站', - i18n: null, - icon: null, + icon: 'home.svg', grp: true, leafFlag: false, rootFlag: true, diff --git a/src/assets/home.svg b/src/assets/home.svg new file mode 100644 index 0000000..4206603 --- /dev/null +++ b/src/assets/home.svg @@ -0,0 +1 @@ + \ No newline at end of file