diff --git a/src/assets/icons/svg/alarm-home.svg b/src/assets/icons/svg/alarm-home.svg new file mode 100644 index 00000000..49e49a48 --- /dev/null +++ b/src/assets/icons/svg/alarm-home.svg @@ -0,0 +1,12 @@ + + + 切片 + + + + + + + + + \ No newline at end of file diff --git a/src/assets/icons/svg/alarm.svg b/src/assets/icons/svg/alarm.svg new file mode 100644 index 00000000..bf0448e3 --- /dev/null +++ b/src/assets/icons/svg/alarm.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/icons/svg/home-alarm-white.svg b/src/assets/icons/svg/home-alarm-white.svg new file mode 100644 index 00000000..f1eb9020 --- /dev/null +++ b/src/assets/icons/svg/home-alarm-white.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/icons/svg/home-device-alarm.svg b/src/assets/icons/svg/home-device-alarm.svg new file mode 100644 index 00000000..9aae4e56 --- /dev/null +++ b/src/assets/icons/svg/home-device-alarm.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/icons/svg/home-device-menu.svg b/src/assets/icons/svg/home-device-menu.svg new file mode 100644 index 00000000..b0427dde --- /dev/null +++ b/src/assets/icons/svg/home-device-menu.svg @@ -0,0 +1,33 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/icons/svg/home-device.svg b/src/assets/icons/svg/home-device.svg new file mode 100644 index 00000000..3da9be44 --- /dev/null +++ b/src/assets/icons/svg/home-device.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/icons/svg/home-order-menu.svg b/src/assets/icons/svg/home-order-menu.svg new file mode 100644 index 00000000..09c4d4ca --- /dev/null +++ b/src/assets/icons/svg/home-order-menu.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/icons/svg/home-order-monitor.svg b/src/assets/icons/svg/home-order-monitor.svg new file mode 100644 index 00000000..712ef780 --- /dev/null +++ b/src/assets/icons/svg/home-order-monitor.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/icons/svg/home-produce.svg b/src/assets/icons/svg/home-produce.svg new file mode 100644 index 00000000..8123f2f2 --- /dev/null +++ b/src/assets/icons/svg/home-produce.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/icons/svg/home-quality-menu.svg b/src/assets/icons/svg/home-quality-menu.svg new file mode 100644 index 00000000..16c618a9 --- /dev/null +++ b/src/assets/icons/svg/home-quality-menu.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/icons/svg/home-store-menu.svg b/src/assets/icons/svg/home-store-menu.svg new file mode 100644 index 00000000..b0065389 --- /dev/null +++ b/src/assets/icons/svg/home-store-menu.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/icons/svg/home-work-menu.svg b/src/assets/icons/svg/home-work-menu.svg new file mode 100644 index 00000000..7f1d512b --- /dev/null +++ b/src/assets/icons/svg/home-work-menu.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/icons/svg/menuIcon.svg b/src/assets/icons/svg/menuIcon.svg new file mode 100644 index 00000000..d85e2067 --- /dev/null +++ b/src/assets/icons/svg/menuIcon.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/img/alarm-bg.png b/src/assets/img/alarm-bg.png new file mode 100644 index 00000000..8c788654 Binary files /dev/null and b/src/assets/img/alarm-bg.png differ diff --git a/src/assets/img/home-bg.png b/src/assets/img/home-bg.png new file mode 100644 index 00000000..5ef3977f Binary files /dev/null and b/src/assets/img/home-bg.png differ diff --git a/src/assets/img/home-progress-bg.png b/src/assets/img/home-progress-bg.png new file mode 100644 index 00000000..39ddb5ef Binary files /dev/null and b/src/assets/img/home-progress-bg.png differ diff --git a/src/assets/styles/sidebar.scss b/src/assets/styles/sidebar.scss index 2b0ec69d..24b024d2 100644 --- a/src/assets/styles/sidebar.scss +++ b/src/assets/styles/sidebar.scss @@ -80,7 +80,7 @@ .submenu-title-noDropdown, .el-submenu__title { &:hover { - background-color: rgba(0, 0, 0, 0.06) !important; + background-color: #0b58ff !important; } } diff --git a/src/assets/styles/variables.scss b/src/assets/styles/variables.scss index 28b8b66e..72bc6296 100644 --- a/src/assets/styles/variables.scss +++ b/src/assets/styles/variables.scss @@ -37,18 +37,18 @@ $base-sub-menu-hover:#001528; */ $base-menu-color: #fff; $base-menu-color-active:#fff; -$base-menu-background:#001529; +$base-menu-background:#1E1651; $base-logo-title-color: #ffffff; $base-menu-light-color:rgba(0,0,0,.70); $base-menu-light-background:#ffffff; $base-logo-light-title-color: #001529; -$base-sub-menu-background:#0B253F; +$base-sub-menu-background:#15063C; $base-sub-menu-hover:#0b50ff; -$base-sidebar-width: 248px; +$base-sidebar-width: 282px; // the :export directive is the magic sauce for webpack // https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass diff --git a/src/components/TopNav/index.vue b/src/components/TopNav/index.vue index 02ca003d..9f9bae0a 100644 --- a/src/components/TopNav/index.vue +++ b/src/components/TopNav/index.vue @@ -1,188 +1,265 @@ + diff --git a/src/layout/components/AppMain.vue b/src/layout/components/AppMain.vue index 15c86487..615e077b 100644 --- a/src/layout/components/AppMain.vue +++ b/src/layout/components/AppMain.vue @@ -1,66 +1,66 @@ diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue index c23172b9..66596faa 100644 --- a/src/layout/components/Navbar.vue +++ b/src/layout/components/Navbar.vue @@ -1,204 +1,174 @@ diff --git a/src/layout/components/NavbarRight.vue b/src/layout/components/NavbarRight.vue index 228cde89..6b727aa1 100644 --- a/src/layout/components/NavbarRight.vue +++ b/src/layout/components/NavbarRight.vue @@ -1,120 +1,142 @@ - \ No newline at end of file + diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue index be3285df..30873bd5 100644 --- a/src/layout/components/Sidebar/Item.vue +++ b/src/layout/components/Sidebar/Item.vue @@ -17,7 +17,9 @@ export default { const vnodes = [] if (icon) { - vnodes.push() + vnodes.push() + } else { + vnodes.push() } if (title) { diff --git a/src/layout/components/Sidebar/Logo.vue b/src/layout/components/Sidebar/Logo.vue index 1e58cd7f..420f3d76 100644 --- a/src/layout/components/Sidebar/Logo.vue +++ b/src/layout/components/Sidebar/Logo.vue @@ -4,7 +4,7 @@ :class="{ collapse: collapse }" :style="{ backgroundColor: - sideTheme === 'theme-dark' ? '#1f2d3d' : variables.menuLightBackground, + sideTheme === 'theme-dark' ? '#1E1651' : variables.menuLightBackground, }"> - - - - - - - diff --git a/src/layout/components/Sidebar/index.vue b/src/layout/components/Sidebar/index.vue index bac19f28..ead3a7bc 100644 --- a/src/layout/components/Sidebar/index.vue +++ b/src/layout/components/Sidebar/index.vue @@ -1,6 +1,7 @@