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