diff --git a/src/assets/icons/svg/dp-data.svg b/src/assets/icons/svg/dp-data.svg
index 824f332..a3e6026 100644
--- a/src/assets/icons/svg/dp-data.svg
+++ b/src/assets/icons/svg/dp-data.svg
@@ -1,12 +1 @@
-
+
\ No newline at end of file
diff --git a/src/assets/icons/svg/dp-lh.svg b/src/assets/icons/svg/dp-lh.svg
index fbd0d66..fbc1393 100644
--- a/src/assets/icons/svg/dp-lh.svg
+++ b/src/assets/icons/svg/dp-lh.svg
@@ -1,5 +1 @@
-
+
\ No newline at end of file
diff --git a/src/assets/icons/svg/dp-park.svg b/src/assets/icons/svg/dp-park.svg
index 61d7cc2..85bb5bc 100644
--- a/src/assets/icons/svg/dp-park.svg
+++ b/src/assets/icons/svg/dp-park.svg
@@ -1,5 +1 @@
-
+
\ No newline at end of file
diff --git a/src/assets/icons/svg/dp-yj.svg b/src/assets/icons/svg/dp-yj.svg
index 302dd02..c3b1fc9 100644
--- a/src/assets/icons/svg/dp-yj.svg
+++ b/src/assets/icons/svg/dp-yj.svg
@@ -1,5 +1 @@
-
+
\ No newline at end of file
diff --git a/src/assets/icons/svg/dp-zy.svg b/src/assets/icons/svg/dp-zy.svg
index 304f48a..d5f6710 100644
--- a/src/assets/icons/svg/dp-zy.svg
+++ b/src/assets/icons/svg/dp-zy.svg
@@ -1,9 +1 @@
-
+
\ No newline at end of file
diff --git a/src/assets/images/visualization/dp-menu-s.png b/src/assets/images/visualization/dp-menu-s.png
new file mode 100644
index 0000000..61ab8c7
Binary files /dev/null and b/src/assets/images/visualization/dp-menu-s.png differ
diff --git a/src/assets/images/visualization/dp-menu.png b/src/assets/images/visualization/dp-menu.png
new file mode 100644
index 0000000..b10dca6
Binary files /dev/null and b/src/assets/images/visualization/dp-menu.png differ
diff --git a/src/views/visualization/components/navigationBar.vue b/src/views/visualization/components/navigationBar.vue
index d723b03..7e7a07c 100644
--- a/src/views/visualization/components/navigationBar.vue
+++ b/src/views/visualization/components/navigationBar.vue
@@ -100,7 +100,7 @@ const handlerSelect = (index, item) => {
align-items: center;
}
.navigation-title {
- width: 35%;
+ width: 40%;
height: 100%;
display: flex;
align-items: center;
@@ -145,18 +145,28 @@ const handlerSelect = (index, item) => {
display: flex;
align-items: center;
gap: 6px;
+ background-image: url('@/assets/images/visualization/dp-menu.png');
+ background-size: 100% 100%;
+ padding: 12px 40px;
}
.activeMenu {
color: #ffffff;
+ background-image: url('@/assets/images/visualization/dp-menu-s.png');
+ background-size: 100% 100%;
}
}
.navigation-time {
- padding-right: 35px;
+ height: 100%;
+
font-size: 14px;
color: #ffffff;
font-weight: bold;
letter-spacing: 1px;
font-family: "Alimama ShuHeiTi-Bold";
+ display: flex;
+ align-items: flex-end;
+ padding-bottom: 12px;
+ padding-right: 35px;
}
diff --git a/src/views/visualization/index.vue b/src/views/visualization/index.vue
index 2fed469..70233d4 100644
--- a/src/views/visualization/index.vue
+++ b/src/views/visualization/index.vue
@@ -1,7 +1,6 @@
-