product

src/assets/style/style.less

@@ -42,7 +42,7 @@ input:focus{
 	border: 2px solid;
 }
 .button_second{
-    width: 11.85rem;
+    width: 14rem;
     text-align: center;
     // background: #343579;
     height: 4rem;
@@ -1305,7 +1305,7 @@ input:focus{
 	}
 }
 //collection 弹窗
-.collection_modal,.generalModel_modal,.payOrder_modal,.design_detail_modal_component,.designOpenrtion_modal,.library_page,.Export{
+.collection_modal,.generalModel_modal,.payOrder_modal,.design_detail_modal_component,.designOpenrtion_modal,.library_page,.Export,.productImg_modal{
 	
     .ant-modal-body{
         overflow-y: hidden;
@@ -1407,7 +1407,7 @@ textarea:focus{
 	outline: none; /* 清除默认焦点样式 */
 }
 //设计input和上传按钮样式
-.collection_modal_body,.design_detail_modal_component,.library_page{
+.collection_modal_body,.design_detail_modal_component,.library_page,{
 	.input_border{
 		z-index: 2;
 		display: flex;
@@ -1424,15 +1424,21 @@ textarea:focus{
 			flex: 1;
 			display: flex;
 			align-items: center;
+			flex-wrap: wrap;
+			.inputShowText{
+				width: 100%;
+				display: none;
+			}
 			&.active{
-				input{
+				.input_box_btnBox,textarea{
 					// color: rgb(255, 0, .7);
 					border: 1px solid rgb(255, 0, .7);
 					box-shadow: 0px 0px 3px 1px rgba(255, 0, 0, 0.2);
-					
 				}
 				span{
 					opacity: 1;
+					display: block;
+					color: rgba(255, 0, .7);
 				}
 			}
 		}
@@ -1468,6 +1474,7 @@ textarea:focus{
 					padding: .5rem 1rem;
 					color: #fff;
 					font-weight: 600;
+					font-size: 1.2rem;
 					cursor: pointer;
 				}
 				.search_keyword_center_item:last-child{
@@ -1480,6 +1487,9 @@ textarea:focus{
 			width: var(--width);
 			display: flex;
 			float: left;
+			.ant-spin-text{
+				font-size: 1.2rem;
+			}
 		}
 		.upload_item{
 			.upload_file_item{
@@ -1523,8 +1533,12 @@ textarea:focus{
 			z-index: 4;
 			width: 4rem;
 			align-items: center;
-
+			background-color: #fff;
 			justify-content: center;
+			&.fi-br-loading{
+				height: 100%;
+				background-color: rgba(0, 0, 0, 0);
+			}
 			&.active{
 				transform: rotate(180deg);
 			}
@@ -1558,7 +1572,7 @@ textarea:focus{
 			width: var(--width);
 			border-radius: 4px;
 			height: 20rem;
-			top: .2rem;
+			top: 0rem;
 			border: 1px solid #dcdfe6;
 		}
 		
@@ -1729,7 +1743,33 @@ textarea:focus{
         overflow-y: hidden;
     }
 }
-
+.generalScroll{
+	&.generalScroll::-webkit-scrollbar {
+		width: calc(1rem*1.2);
+		height: calc(1rem*1.2);
+		transition: all .3s;
+	}
+	/* 进度 */
+	&.generalScroll::-webkit-scrollbar-thumb {
+		border-radius: calc(1rem*1.2);
+		background: rgba(238, 238, 244, 0);
+	}
+	/* 轨道 */
+	&.generalScroll::-webkit-scrollbar-track {
+		border-radius: calc(1rem*1.2);
+		background: rgba(238, 238, 244, 0);
+	}
+	&.generalScroll:hover {
+		// overflow-x: scroll;
+		&.generalScroll::-webkit-scrollbar-thumb {
+			background: #543087;
+		}
+		/* 轨道 */
+		&.generalScroll::-webkit-scrollbar-track {
+			background: rgba(84, 48, 135,.2);
+		}
+	}
+}
 .scroll_style{
     &::-webkit-scrollbar-button:single-button {
         // background-color: #ffffff;