合并画布代码

src/assets/style/style.less

@@ -1986,9 +1986,21 @@ textarea:focus{
 			padding-right: 0;
 			background-color: #fff;
 			flex: 1;
+			height: 5rem;
 			// border
 			&.sketch{
 				padding: 0;
+				overflow: hidden;
+				flex: 1;
+				border: none;
+				background-color: rgba(0, 0, 0, 0);
+				.upload_item{
+					width: 6rem;
+					.upload_file_item{
+						height: 6rem;
+						width: 6rem;
+					}
+				}
 			}
 			> .textarea{
 					border-radius: 1rem;
@@ -2013,14 +2025,14 @@ textarea:focus{
 				border-right: calc(0.1rem* 1.2) solid #F1F1F1;
 			}
 			.upload_item{
-				width: 5.7rem;
+				width: 4.7rem;
 				.upload_file_item{
 					position: absolute;
 					left: 0;
 					top: 50%;
 					transform: translateY(-50%);
-					height: 5.7rem;
-					width: 5.7rem;
+					height: 4.7rem;
+					width: 4.7rem;
 					border-radius: 1rem;
 					overflow: hidden;
 				}
@@ -2064,7 +2076,6 @@ textarea:focus{
 			z-index: 4;
 			width: 4rem;
 			align-items: center;
-			background-color: #fff;
 			justify-content: center;
 			&.fi-br-loading{
 				height: 100%;
@@ -2150,7 +2161,7 @@ textarea:focus{
 		// margin: 0 auto;
 		margin-left: 2rem;
 		display: flex;
-		font-size: 1.8rem;
+		font-size: 1.6rem;
 		padding: 1rem 2rem;
 		box-sizing: content-box;
 		justify-content: center;
@@ -2185,12 +2196,13 @@ textarea:focus{
 			white-space: nowrap;
 			overflow: hidden;
 			text-overflow: ellipsis;
+			color: #fff;
 			&.active{
-				background-color: #616161;
+				background-color: #000;
 			}
 		}
 		>div:hover{
-			background: #999999;
+			background: #000;
 		}
 	}
 }