09-12

src/assets/style/style.less

@@ -8,6 +8,10 @@ html,body,#app{
 input{
 	outline:none
 }
+ul,li{
+	list-style: none;
+	padding: 0;
+}
 .page_content{
     width: 1440px;
     max-width: 100%;
@@ -203,13 +207,23 @@ input{
 	margin-top:.5rem;
 }
 //collection 弹窗
-.collection_modal{
+.collection_modal,.design_detail_modal_component,.designOpenrtion_modal{
 
     .ant-modal-body{
-        height: calc(80vh - 6.4rem);
         overflow-y: hidden;
     }
-
+	.design_title_text{
+		font-size: 1.8rem;
+		font-weight: 900;
+		color: rgba(0,0,0,.65);
+		align-items: center;
+		margin-bottom: 2rem;
+		.design_title_text_intro{
+			font-size: 1.2rem;
+			font-weight: 400;
+			color: rgba(0,0,0,.45);
+		}
+	}
     .ant-upload.ant-upload-select-picture-card{
         background: #FFFFFF;
 		width: 6rem;
@@ -237,8 +251,55 @@ input{
         vertical-align: top;
     }
 }
+//desing 关闭按钮
+.designOpenrtion_modal,.design_detail_modal_component{
+	.design_closeIcon{
+		top: 2rem;
+		right: 2rem;
+        cursor: pointer;
+		width: 4rem;
+		height: 4rem;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		position: absolute;
+		.fi-rr-cross-small::before{
+			padding: .2rem;
+			border-radius: 5px;
+			border: solid 2px rgba(0, 0, 0, 0.25);
+			transition: 1s all;
+			color: rgba(0, 0, 0, 0.55);
+		}
+		&.collection_closeIcon:hover .fi-rr-cross-small::before{
+			border: solid 2px rgba(0, 0, 0, 0.55);
+			color: rgba(0, 0, 0, 1);
+		}
+	}
+}
+.design_detail_modal_component,.designOpenrtion_modal{
+	.ant-upload-list-picture-card-container{
+		display: none !important;
+	}
+	.ant-upload-picture-card-wrapper{
+		width: auto;
+		vertical-align: top;
+	}
+	.subitOkPreviewBtn{
+		background-color: #38205b;
+		color: #fff;
+		cursor: pointer;
+		left: 50%;
+		position: absolute;
+		transform: translateX(-50%);
+		padding: .5rem 2rem;
+		border-radius: 2rem;
+		font-size: 12px;
+		display: inline-block;
+	}
+}
+
 //设计input和上传按钮样式
-.collection_modal_body{
+.collection_modal_body,.design_detail_modal_component{
 	.input_box{
 		display: flex;
 		align-items: center;
@@ -247,6 +308,7 @@ input{
 		background: #fff;
 		padding-top: 2.5rem;
 		padding-bottom: 2rem;
+		z-index: 2;
 		input{
 			font-size: 12px;
 			border-radius: .5rem;
@@ -349,9 +411,12 @@ input{
 
 //剪裁弹窗
 .cut_pricture_modal{
-
+	.ant-modal-content{
+		border-radius: 10px;
+	}
     .ant-modal-body{
-        height: 65.4rem;
+        height: 65rem;
+		padding: 8rem 5rem !important;
         overflow-y: hidden;
     }
 }