Просмотр исходного кода

update Web/src/layout/component/columnsAside.vue.
布局配置增加分栏Logo高度、分栏菜单宽度、分栏菜单高度

Signed-off-by: inypeacock <1300856@qq.com>

inypeacock 2 лет назад
Родитель
Сommit
bdb3671010
1 измененных файлов с 7 добавлено и 7 удалено
  1. 7 7
      Web/src/layout/component/columnsAside.vue

+ 7 - 7
Web/src/layout/component/columnsAside.vue

@@ -218,7 +218,7 @@ watch(
 
 <style scoped lang="scss">
 .layout-columns-aside {
-	width: 70px;
+	width: var(--el-columnsMenuWidth);
 	height: 100%;
 	background: var(--next-bg-columnsMenuBar);
 	ul {
@@ -237,7 +237,7 @@ watch(
 		li {
 			color: var(--next-bg-columnsMenuBarColor);
 			width: 100%;
-			height: 50px;
+			height: var(--el-columnsMenuHeight);
 			text-align: center;
 			display: flex;
 			cursor: pointer;
@@ -254,7 +254,7 @@ watch(
 			}
 			.columns-horizontal {
 				display: flex;
-				height: 50px;
+				height: var(--el-columnsMenuHeight);
 				width: 100%;
 				align-items: center;
 				padding: 0 5px;
@@ -279,8 +279,8 @@ watch(
 			position: absolute;
 			left: 50%;
 			top: 2px;
-			height: 44px;
-			width: 65px;
+			height: var(--el-columnsMenuRoundHeight);
+			width: var(--el-columnsMenuRoundWidth);
 			transform: translateX(-50%);
 			z-index: 0;
 			transition: 0.3s ease-in-out;
@@ -289,7 +289,7 @@ watch(
 		.columns-card {
 			@extend .columns-round;
 			top: 0;
-			height: 50px;
+			height: var(--el-columnsMenuHeight);
 			width: 100%;
 			border-radius: 0;
 		}
@@ -297,7 +297,7 @@ watch(
 }
 
 .layout-logo {
-	height: 50px;
+	height: var(--el-columnsLogoHeight);
 	display: flex;
 	align-items: center;
 	justify-content: center;