更新

pages/index/newindex.css

@@ -7,9 +7,9 @@
 	padding-top: 330rpx;
 	width: 100vw;
 	overflow: hidden;
-	
-	
-/* 	display: flex;
+
+
+	/* 	display: flex;
 	height: 100vh;
 	flex-direction: column; */
 }
@@ -169,6 +169,7 @@
 	background: #2866FF;
 	z-index: 10;
 }
+
 .info-frame {
 	position: absolute;
 	left: 50%;
@@ -184,8 +185,8 @@
 	background: #fff;
 }
 
-.info-frame > view:nth-of-type(1),
-.info-frame > view:nth-of-type(3) {
+.info-frame>view:nth-of-type(1),
+.info-frame>view:nth-of-type(3) {
 	/* font-size: 32rpx; */
 	overflow: hidden;
 	width: 320rpx;
@@ -194,12 +195,13 @@
 	white-space: nowrap;
 	color: #666;
 }
-.info-frame > view:nth-of-type(2) {
+
+.info-frame>view:nth-of-type(2) {
 	/* font-size: 32rpx; */
 	color: #bbb;
 }
 
-.info-frame > image {
+.info-frame>image {
 	position: absolute;
 	left: 40rpx;
 	top: -30rpx;
@@ -207,41 +209,51 @@
 	height: 120rpx;
 	/* border-radius: 50%; */
 }
+
 .domain {
 	/* flex: 1; */
-	
+
 	padding-bottom: 320rpx;
 }
-.domain > .item {
-	margin-top: 30rpx;
+
+.domain>.item {
+	margin-top: 13rpx;
 }
-.domain > .item:nth-of-type(1) {
+
+.domain>.item:nth-of-type(1) {
 	margin-top: 90rpx;
 }
 
-.domain > .item > .title {
+.domain>.item>.title {
 	padding-left: 40rpx;
 	font-size: 32rpx;
 	color: #666;
 }
+
 .options-frame {
 	margin-top: 10rpx;
 	padding: 0 35rpx;
 	display: flex;
+	justify-content: space-between;
+	flex-wrap: wrap;
 }
-.options-frame > .option {
+
+.options-frame>.option {
 	position: relative;
-	margin-left: 20rpx;
+	/* margin-left: 20rpx; */
+	margin-bottom: 17rpx;
 	padding: 10rpx 14rpx;
 	width: 335rpx;
 	height: 140rpx;
 	background: #fff;
 	border-radius: 20rpx;
 }
-.options-frame > .option:nth-of-type(1) {
+
+.options-frame>.option:nth-of-type(1) {
 	margin-left: 0;
 }
-.options-frame > .option > .star {
+
+.options-frame>.option>.star {
 	position: absolute;
 	top: 5rpx;
 	right: 8rpx;
@@ -252,16 +264,18 @@
 	background: #ffffff;
 	border-radius: 20rpx;
 	z-index: 5;
-	
+
 }
-.options-frame > .option > .wall {
+
+.options-frame>.option>.wall {
 	position: relative;
 	padding-top: 9rpx;
 	width: 297rpx;
 	height: 120rpx;
 	border-radius: 20rpx;
 }
-.options-frame > .option > .wall > .name {
+
+.options-frame>.option>.wall>.name {
 	position: absolute;
 	left: 110rpx;
 	bottom: 40rpx;
@@ -270,7 +284,7 @@
 }
 
 
-.collection{
+.collection {
 	position: fixed;
 	left: 0;
 	bottom: 0;
@@ -279,7 +293,8 @@
 	background: #F0F2FF;
 	z-index: 10;
 }
-.collection > .collect-frame {
+
+.collection>.collect-frame {
 	display: flex;
 	justify-content: space-between;
 	position: absolute;
@@ -291,33 +306,35 @@
 	background: #adceff;
 	border-radius: 30rpx 30rpx 0 0;
 }
+
 .collection_item {
 	position: relative;
 	top: -74rpx;
 	display: flex;
 	justify-content: center;
 	align-items: center;
-	/* margin-left: calc((100% - 60/* 0rpx) / 2); */ 
+	/* margin-left: calc((100% - 60/* 0rpx) / 2); */
 	width: 200rpx;
 	height: 240rpx;
 	background-color: #FFF;
 	border-radius: 20rpx;
 	animation: name 0.5s;
 }
+
 .collection-empty {
 	position: relative;
 	top: -74rpx;
 
 	width: 200rpx;
 	height: 240rpx;
-	
+
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	flex-direction: column;
-	
+
 	background-color: #FFF;
-	border:  6rpx dashed #BBBBBB;
+	border: 6rpx dashed #BBBBBB;
 	border-radius: 20rpx;
 }
 
@@ -371,22 +388,30 @@
 
 
 
-@keyframes name{
-	from{opacity: 0;}
-	to{opacity: 1;}
+@keyframes name {
+	from {
+		opacity: 0;
+	}
+
+	to {
+		opacity: 1;
+	}
 }
-.collectionbg .collection_itembg:first-child{
-	margin-left: 0;  
+
+.collectionbg .collection_itembg:first-child {
+	margin-left: 0;
 }
-.collection_item:first-child{
-	margin-left: 0;  
+
+.collection_item:first-child {
+	margin-left: 0;
 }
 
 
-.collection_item_name{
+.collection_item_name {
 	text-align: center;
 }
-.tip{
+
+.tip {
 	position: absolute;
 	top: -10rpx;
 	right: -10rpx;
@@ -398,13 +423,15 @@
 	justify-content: center !important;
 	align-items: center !important;
 }
-.collection_item_text{
+
+.collection_item_text {
 	margin-top: 20rpx;
 	font-size: 32rpx;
 	color: #666666;
 }
+
 .Submenu_item .label {
-	margin-top: 65rpx ;
+	margin-top: 65rpx;
 	height: 217rpx;
 	width: 90rpx;
 	background-color: #F0F0F0;
@@ -413,9 +440,10 @@
 	flex-direction: column;
 	justify-content: flex-end;
 	align-items: center;
-	padding:  20rpx 0;
+	padding: 20rpx 0;
 }
-.Submenu_item_name{
+
+.Submenu_item_name {
 	font-weight: 400;
 	font-size: 32rpx;
 	color: #666666;
@@ -423,10 +451,9 @@
 	text-align: center;
 	margin-top: 45rpx;
 }
-.Submenu_item:nth-child(2){
+
+.Submenu_item:nth-child(2) {
 	display: flex;
 	flex-direction: column;
 	align-items: flex-end;
 }
-
-