二级菜单吸顶
Showing
1 changed file
with
27 additions
and
18 deletions
... | @@ -89,25 +89,33 @@ ol, ul { list-style:none; } | ... | @@ -89,25 +89,33 @@ ol, ul { list-style:none; } |
89 | } | 89 | } |
90 | //二级菜单样式 | 90 | //二级菜单样式 |
91 | .tabs{ | 91 | .tabs{ |
92 | >.is-top>.is-top>.el-tabs__nav-scroll{ | 92 | >.is-top{ |
93 | height: 50px; | 93 | position: -webkit-fixed; |
94 | background-color: #ffffff; | 94 | position: fixed; |
95 | box-sizing: border-box; | 95 | top: 60px; |
96 | padding-left: 20px; | 96 | z-index: 999; |
97 | .el-tabs__active-bar{ | 97 | width: 100%; |
98 | display: none; | 98 | margin-bottom: 0; |
99 | } | 99 | >.is-top>.el-tabs__nav-scroll{ |
100 | >.el-tabs__nav{ | 100 | height: 50px; |
101 | >.el-tabs__item{ | 101 | background-color: #ffffff; |
102 | border: 1px solid #DEDEDE; | 102 | box-sizing: border-box; |
103 | height: 30px; | 103 | padding-left: 20px; |
104 | line-height: 30px; | 104 | .el-tabs__active-bar{ |
105 | padding: 0 20px; | 105 | display: none; |
106 | margin: 9px 10px 9px 0; | ||
107 | } | 106 | } |
108 | .is-active{ | 107 | >.el-tabs__nav{ |
109 | color: #006CFF; | 108 | >.el-tabs__item{ |
110 | background-color: #ffffff; | 109 | border: 1px solid #DEDEDE; |
110 | height: 30px; | ||
111 | line-height: 30px; | ||
112 | padding: 0 20px; | ||
113 | margin: 9px 10px 9px 0; | ||
114 | } | ||
115 | .is-active{ | ||
116 | color: #006CFF; | ||
117 | background-color: #ffffff; | ||
118 | } | ||
111 | } | 119 | } |
112 | } | 120 | } |
113 | } | 121 | } |
... | @@ -123,6 +131,7 @@ ol, ul { list-style:none; } | ... | @@ -123,6 +131,7 @@ ol, ul { list-style:none; } |
123 | } | 131 | } |
124 | .el-tabs__content{ | 132 | .el-tabs__content{ |
125 | position: unset; | 133 | position: unset; |
134 | margin-top: 50px; | ||
126 | } | 135 | } |
127 | // 自定义右键菜单样式 | 136 | // 自定义右键菜单样式 |
128 | .contextmenu { | 137 | .contextmenu { | ... | ... |
-
Please register or sign in to post a comment