diff --git a/src/views/ModelMain.less b/src/views/ModelMain.less index 19da647..d69e24d 100644 --- a/src/views/ModelMain.less +++ b/src/views/ModelMain.less @@ -15,20 +15,24 @@ align-items: center; margin: 0 20px; } - .el-menu-item{ - line-height: 50px; - } - .el-menu--horizontal{ - height: 50px; + .app-header-menu-wrap{ flex:1; - border: none; - &>.el-menu-item{ - height: 50px; - } - &>.el-sub-menu { - height: 50px; - .el-sub-menu__title{ - height: 50px; + display: flex; + flex-direction: row; + .app-header-menu{ + height: 100%; + padding:0 16px; + color:#fff; + display: flex; + align-items: center; + cursor: pointer; + .el-icon{ + margin-left:8px; + font-size: 12px; + } + &:hover{ + background-color: #494d52; + color: #fff } } } diff --git a/src/views/ModelMain.vue b/src/views/ModelMain.vue index 41ba0bb..9c46b6a 100644 --- a/src/views/ModelMain.vue +++ b/src/views/ModelMain.vue @@ -2,53 +2,12 @@