commit

src/assets/style/style.less

@@ -15,15 +15,17 @@ input{
     margin: 0 auto;
 }
 .button_first{
-    width: 9.85rem;
+	width: 9.85rem;
     text-align: center;
-    background: #E0E0F6;
+    // background: #343579;
     height: 4rem;
     line-height: 4rem;
-    font-size: 1.3rem;
+    font-size: 1.4rem;
     font-weight: 400;
-    color: #343579;
+    color: #000;
     cursor: pointer;
+	border-radius: 1.5rem;
+	border: 2px solid;
 }
 .button_second{
     width: 9.85rem;
@@ -125,7 +127,81 @@ input{
     }
   }
 }
+//衣服类型下拉菜单
+.operate_file_block{
+	width: 100%;
+	height: 3rem;
+	font-size: 1.6rem;
+	color: #FFFFFF;
+	position: absolute;
+	left: 0;
+	bottom: 0;
 
+	.select_img_type{
+		height: 100%;
+		line-height: 3rem;
+		text-align: center;
+		background: rgba(0,0,0,0.6);
+		position: relative;
+
+		.select_category{
+			display: flex;
+			align-items: center;
+			justify-content: center;
+
+			.icon-xiala{
+				margin-left: 0.8rem;
+			}
+		}
+
+		.icon_rotate{
+			-moz-transform:rotate(180deg);
+			-webkit-transform:rotate(180deg);
+			transform: rotate(180deg);
+			animation-direction: 0.5s;
+		}
+
+		.category_list{
+			position: absolute;
+			width: 100%;
+			cursor: pointer;
+			position: absolute;
+			// top: 3.1rem;
+			margin-top: .2rem;
+			left: 0;
+			// background: rgba(0,0,0,0.4);
+			background-color: rgb(177 177 177);
+			border: 1px solid #343579;
+			border-radius: 0.8rem;
+			// overflow: hidden;
+			z-index: 3;
+			height: 9rem;
+			overflow-x: hidden;
+			&.category_list::-webkit-scrollbar{display: none;}
+
+			.category_item{
+				text-align: left;
+				font-size: 1.4rem;
+				padding: 1rem 1.5rem;
+				line-height: 1.6rem;
+				font-weight: 600;
+				color: #595959;
+
+				&.select_category_item{
+					background: linear-gradient(-137deg, #eeefdb, #e7dbed);
+				}
+
+				&:hover{
+					background: linear-gradient(-137deg, #eeefdb, #e7dbed);
+				}
+			}
+		}
+	}
+}
+.pin_block{
+	text-align: center;
+	margin-top:.5rem;
+}
 //collection 弹窗
 .collection_modal{