Browse Source

优化

master
4670101279 2 years ago
parent
commit
3f78112793
  1. BIN
      public/logo.png
  2. 3
      src/assets/styles/sidebar.scss
  3. 2
      src/assets/styles/variables.scss
  4. 4
      src/layout/components/Sidebar/Logo.vue
  5. 2
      src/views/index.vue

BIN
public/logo.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

3
src/assets/styles/sidebar.scss

@ -1,7 +1,8 @@
#app { #app {
.el-menu-item.is-active { .el-menu-item.is-active {
color: rgb(2, 18, 38) !important; // color: rgb(2, 18, 38) !important;
color: #fff !important;
//background-color: $base-sub-menu-hover !important; // 点击菜单的颜色 //background-color: $base-sub-menu-hover !important; // 点击菜单的颜色
&:hover { &:hover {
background-color: $base-sub-menu-hover !important; background-color: $base-sub-menu-hover !important;

2
src/assets/styles/variables.scss

@ -53,7 +53,7 @@ $panGreen: #30B08F;
$base-menu-color: #dedede; // 菜单全部字体颜色 $base-menu-color: #c4c5c6; // 菜单全部字体颜色
$base-menu-color-active: #ffffff; // 父级菜单激活的字体颜色 $base-menu-color-active: #ffffff; // 父级菜单激活的字体颜色
//$base-menu-background: rgb(20, 123, 227); // 菜单栏背景颜色非激活状态 //$base-menu-background: rgb(20, 123, 227); // 菜单栏背景颜色非激活状态
$base-menu-background: #08518e; // 菜单栏背景颜色非激活状态 $base-menu-background: #08518e; // 菜单栏背景颜色非激活状态

4
src/layout/components/Sidebar/Logo.vue

@ -70,8 +70,8 @@ export default {
width: 28px; width: 28px;
height: 28px; height: 28px;
vertical-align: middle; vertical-align: middle;
//margin-right: 8px; margin-right: 8px;
margin: 0 6px 6px -20px // margin: 0 6px 6px -20px
} }
& .sidebar-title { & .sidebar-title {

2
src/views/index.vue

@ -5,7 +5,7 @@
<div class="main"> <div class="main">
<!-- 标题栏 --> <!-- 标题栏 -->
<header> <header>
<!-- <h1>视频水位计数据监控大屏</h1>--> <h1>视频水位分析单元监控大屏</h1>
</header> </header>
<div class="left" @click="closeBox"> <div class="left" @click="closeBox">
<!-- 实时水位 --> <!-- 实时水位 -->

Loading…
Cancel
Save