Browse Source

fix: 样式优化

lanceJiang 1 year ago
parent
commit
455fa0abce

+ 2 - 2
src/layout/LayoutLeftMix/index.scss

@@ -11,7 +11,7 @@
 		background-color: var(--el-menu-bg-color);
 		//border-right: 1px solid var(--el-aside-border-color);
 		box-shadow: 1px 0 2px var(--el-aside-border-color);
-		z-index: $header_index + 2;
+		z-index: $header_index + 3;
 		.logo {
 			display: flex;
 			align-items: center;
@@ -90,7 +90,7 @@
 		overflow: hidden;
 		background-color: var(--el-menu-bg-color);
 		//border-right: 1px solid var(--el-aside-border-color);
-		z-index: $header_index + 1;
+		z-index: $header_index + 2;
 		box-shadow: 1px 0 2px var(--el-aside-border-color);
 		//box-shadow: 2px 0 8px #1d23290d;
 		//box-shadow: 1px 0 4px -1px var(--el-aside-border-color);

+ 2 - 2
src/layout/LayoutTopMix/index.scss

@@ -14,7 +14,7 @@
 		//border-bottom: 1px solid var(--el-header-border-color);
 		//box-shadow: 0 2px 8px var(--el-header-border-color);
 		box-shadow: 0 1px 4px -1px var(--el-header-border-color);
-		z-index: $header_index;
+		z-index: $header_index + 1;
     .header-lf {
       display: flex;
       align-items: center;
@@ -55,7 +55,7 @@
       width: auto;
       background-color: var(--el-menu-bg-color);
 			//border-right: 1px solid var(--el-aside-border-color);
-			z-index: $header_index - 1;
+			z-index: $header_index;
 			//box-shadow: 2px 0 8px #1d23290d;
 			//box-shadow: 2px 0 8px var(--el-aside-border-color);
 			box-shadow: 1px 0 2px var(--el-aside-border-color);

+ 1 - 1
src/layout/components/AppMain.vue

@@ -35,7 +35,7 @@ const pageAnimateMode = computed(() => setting.animate ? setting.animateMode : u
 	height: 100%;
 	width: 100%;
 	position: relative;
-	z-index: 0;
+	//z-index: 0; // 不能有
 	overflow: hidden;
 }
 

+ 2 - 1
src/styles/lance-element/draggableNest.scss

@@ -22,7 +22,8 @@
 		transition: .18s ease;
 	}
 	.chosen {
-		box-shadow: 1px 1px 5px 2px rgba(0,0,0,.15);
+		//box-shadow: 1px 1px 5px 2px rgba(0,0,0,.15);
+		box-shadow: inset 0 0 6px -2px rgba(0, 0, 0, 0.15);
 	}
 	flex: 1;
 	width: 100%;

+ 2 - 1
src/styles/lance-element/table.scss

@@ -98,7 +98,8 @@
 		width: 100%;
 		height: 100%;
 		max-width: 100%;
-		background-color: #fff !important;
+		//background-color: #fff !important;
+		background-color: var(--el-fill-color-extra-light) !important;
 		z-index: 2000;
 	}
 	.slot_title-wrap {