generate交互更新

src/assets/style/style.less

@@ -707,6 +707,23 @@ input:focus{
 	.fi-rr-down-to-line,.fi-rr-arrow-small-right,.fi-rr-arrow-small-left{
 		font-size: 2rem;
 	}
+	.collection_title{
+		position: absolute;
+		top: calc(4rem*1.2);
+		display: flex;
+		font-size: var(--aida-fsize2);
+		font-weight: 900;
+		color: rgba(0,0,0,.65);
+		align-items: center;
+		.collection_title_text{
+			margin-right: calc(4rem*1.2);
+		}
+		.collection_title_text_intro{
+			font-size: calc(1.2rem*1.2);
+			font-weight: 400;
+			color: rgba(0,0,0,.45);
+		}
+	}
     .generalModel_btn {
 		.generalModel_closeIcon{
 			position: absolute;
@@ -1396,7 +1413,6 @@ textarea:focus{
 		display: flex;
 		align-items: center;
 		position: sticky;
-		padding-top: calc(2.5rem*1.2);
 		padding-bottom: calc(2rem*1.2);
 		background: #fff;
 		top: 0;
@@ -1406,6 +1422,8 @@ textarea:focus{
 			position: relative;
 			z-index: 2;
 			flex: 1;
+			display: flex;
+			align-items: center;
 			&.active{
 				input{
 					// color: rgb(255, 0, .7);
@@ -1457,12 +1475,25 @@ textarea:focus{
 				}
 			}
 		}
-		input{
-			border-radius: calc(.5rem*1.2);
+		.input_box_btnBox{
+			border: calc(0.1rem*1.2) solid #F1F1F1;
 			width: var(--width);
+			display: flex;
+			float: left;
+		}
+		.upload_item{
+			.upload_file_item{
+				width: 8rem;
+				height: 8rem;
+			}
+		}
+		input{
+			width: 100%;
+			border-radius: calc(.5rem*1.2);
 			border: 1px solid rgba(0,0,0,.15);
 			padding-left: calc(1.5rem*1.2);
-			border: calc(0.1rem*1.2) solid #F1F1F1;
+			border: calc(0.1rem*1.2) solid #ffffff00;
+			// border: calc(0.1rem*1.2) solid #F1F1F1;
 			font-size: calc(1.6rem*1.2);
 			font-weight: 400;
 			&input:-moz-placeholder{   
@@ -1480,11 +1511,20 @@ textarea:focus{
 				cursor: no-drop;
 			}
 		}
-		.icon-xiala{
-			margin-left:1rem;
-			display: inline-block;
+		.input_box_btnBox_upImg{
+			height: 100%;
+		}
+		.fi{
+			margin-right:1rem;
+			display: flex;
 			cursor: pointer;
 			transition: all .3s;
+			position: relative;
+			z-index: 4;
+			width: 4rem;
+			align-items: center;
+
+			justify-content: center;
 			&.active{
 				transform: rotate(180deg);
 			}
@@ -1492,6 +1532,22 @@ textarea:focus{
 				cursor: no-drop;
 			}
 		}
+		.search_upImg{
+			width: 4rem;
+			height: 100%;
+			position: absolute;
+			opacity: 0;
+			font-size: 1.2rem;
+			span{
+				position: absolute;
+				width: 100%;
+			}
+			.ant-upload-select-picture-card{
+				width: 100%;
+				height: 100%;
+				display: block !important;
+			}
+		}
 		.search_textarea{
 			z-index:3;
 			height: auto;
@@ -1506,20 +1562,15 @@ textarea:focus{
 			border: 1px solid #dcdfe6;
 		}
 		
-		span{
-			position: absolute;
-			// bottom: calc(0rem*1.2);
-			bottom: -2rem;
-			left: 0;
-			zoom: .8;
-			// font-size: calc(1.2rem*1.2);
-			font-size: 1.2rem;
-			color: red;
-			opacity: 0;
-			// transform: scale(.7);
-			// transform-origin: left bottom;
-			width: 100%;
-		}
+		// span{
+		// 	// bottom: -2rem;
+		// 	left: 0;
+		// 	// zoom: .8;
+		// 	top: 0;
+		// 	font-size: 1.2rem;
+		// 	color: red;
+		// 	width: 100%;
+		// }
 		.generage_btn{
 			// margin: 0 auto;
 			margin-left: 2rem;
@@ -1581,7 +1632,9 @@ textarea:focus{
 				height: 100%;
 				width: 100%;
 				position: relative;
-
+				&:hover div {
+					opacity: 1;
+				}
 				&:hover .delete_file_block {
 					display: block;
 				}
@@ -1593,7 +1646,6 @@ textarea:focus{
 					max-width: 100%;
 					object-fit: cover;
 				}
-
 				.delete_file_block {
 					display: none;
 					width: 100%;
@@ -1630,6 +1682,9 @@ textarea:focus{
 				width: calc(4.6rem*1.2);
 			}
 		}
+		.upload_file_item:last-child{
+			margin: 0;
+		}
 	}
 }
 .generalModel_modal{//公共弹窗