style:头部样式修改
Showing
2 changed files
with
14 additions
and
3 deletions
... | @@ -66,13 +66,24 @@ export default { | ... | @@ -66,13 +66,24 @@ export default { |
66 | .sidebarLeft { | 66 | .sidebarLeft { |
67 | position: relative; | 67 | position: relative; |
68 | top: 13px; | 68 | top: 13px; |
69 | left: 10px; | 69 | width: 30%; |
70 | } | ||
71 | |||
72 | /deep/.el-menu { | ||
73 | display: flex; | ||
74 | justify-content: space-between; | ||
75 | } | ||
76 | |||
77 | /deep/.el-menu-item { | ||
78 | flex: 1; | ||
79 | width: 100%; | ||
70 | } | 80 | } |
71 | 81 | ||
72 | .sidebarRight { | 82 | .sidebarRight { |
73 | position: relative; | 83 | position: relative; |
74 | left: 10px; | ||
75 | top: 13px; | 84 | top: 13px; |
85 | width: 30%; | ||
86 | padding-left: 20px; | ||
76 | } | 87 | } |
77 | 88 | ||
78 | // 导航选中背景色 | 89 | // 导航选中背景色 | ... | ... |
1 | <template> | 1 | <template> |
2 | <el-menu router :default-active="activeMenu" mode="horizontal" menu-trigger="click"> | 2 | <el-menu router :default-active="activeMenu" mode="horizontal"> |
3 | <!-- 权限菜单 --> | 3 | <!-- 权限菜单 --> |
4 | <sidebar-item v-for="route in permission_routes.slice(1, 4)" :key="route.path" :item="route" | 4 | <sidebar-item v-for="route in permission_routes.slice(1, 4)" :key="route.path" :item="route" |
5 | :base-path="route.path" /> | 5 | :base-path="route.path" /> | ... | ... |
-
Please register or sign in to post a comment