diff --git a/src/app/routes/data-v/navigation/navigation.component.html b/src/app/routes/data-v/navigation/navigation.component.html
index 07136f0..5f37c08 100644
--- a/src/app/routes/data-v/navigation/navigation.component.html
+++ b/src/app/routes/data-v/navigation/navigation.component.html
@@ -21,9 +21,6 @@
(mouseover)="menuOver(menu, $event)"
*ngIf="menu.rootFlag && selectedParentMenu && menu.menuCode == selectedParentMenu.menuCode && menu.menuCode !== 'Home'"
>
-
0">
-
0">
diff --git a/src/app/routes/data-v/navigation/navigation.component.less b/src/app/routes/data-v/navigation/navigation.component.less
index a27ed37..10de6dc 100644
--- a/src/app/routes/data-v/navigation/navigation.component.less
+++ b/src/app/routes/data-v/navigation/navigation.component.less
@@ -1,48 +1,53 @@
.navigation-container {
- overflow-x: auto; /* 水平方向上的滚动条 */
+ // overflow-x: auto; /* 水平方向上的滚动条 */
display: flex;
flex-direction: row;
- width: 100%;
+ // width: 100%;
padding-left: 2rem;
- white-space: nowrap; /* 防止菜单项换行 */
+ // white-space: nowrap; /* 防止菜单项换行 */
+ white-space: normal;
}
-/* 调整滚动条大小 */
-::-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; /* 右侧内边距,根据需要调整 */
-}
+// .navigation-container .dropdown-submenu {
+// white-space: normal; /* 允许内容换行 */
+// }
+
+// /* 调整滚动条大小 */
+// ::-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;
@@ -53,15 +58,30 @@
margin-right: 0;
}
+// ul.nz-menu {
+// padding-left: 0;
+// }
+
ul {
- display: inline-flex;
- width: max-content;
- margin-right: auto;
+ display: flex;
+ flex-wrap: wrap; /* 允许子元素换行 */
+ // justify-content: space-around;
+ // width: max-content;
+ // margin-right: auto;
margin-bottom: 10px;
- margin-bottom: 0;
+
+ // nz-menu {
+ padding-top: 0;
+ padding-left: 0;
+
+
+ // }
li {
- display: inline-flex;
+ // display: flex;
+ flex-wrap: wrap;
+ margin-right: 10px;
+ margin-bottom: 10px;
a {
clear: both;
diff --git a/src/assets/home.svg b/src/assets/home.svg
index 4206603..8ce1e0e 100644
--- a/src/assets/home.svg
+++ b/src/assets/home.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file