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 @@