首页样式修改

pages/index/index.vue

@@ -1150,52 +1150,53 @@
 		align-items: center;
 		.title{
 			color: rgba(16, 16, 16, 100);
-			font-size: 20px;
+			font-size: 40rpx;
 			font-weight: 550;
+		
 		}
 		.distance{
-			// margin: auto 0;
+			
 			color: rgba(102, 102, 102, 100);
-			font-size: 16px;
+			font-size: 32rpx;
 			.iconfont{
-				font-size: 14px;
-				margin-right: 2px;
+				font-size: 28rpx;
+				margin-right: 4rpx;
 			}
 		}
 	}
 	.sign{
 		display: flex;
 		flex-wrap: wrap;
-		margin-top: 8px;
+		margin-top: 16rpx;
 		.sign-1{
-			line-height: 20px;
-			border-radius: 4px;
+			line-height: 40rpx;
+			border-radius: 8rpx;
 			background-color: rgba(255, 255, 255, 100);
 			color: rgba(255, 139, 0, 100);
-			font-size: 12px;
+			font-size: 24rpx;
 			text-align: center;
 			border: 1px solid rgba(255, 139, 0, 100);
-			padding: 0 4px;
-			margin-right: 8px;
-			margin-bottom: 4px;
+			padding: 0 8rpx;
+			margin-right:16rpx;
+			margin-bottom: 8rpx;
 		}
 		.sign-2{
-			line-height: 20px;
-			border-radius: 4px;
+			line-height: 40rpx;
+			border-radius: 8rpx;
 			background-color: rgba(255, 255, 255, 100);
 			color: rgba(153, 153, 153, 100);
-			font-size: 12px;
+			font-size: 24rpx;
 			text-align: center;
 			border: 1px solid rgba(204, 204, 204, 100);
-			padding: 0 4px;
-			margin-right: 8px;
-			margin-bottom: 4px;
+			padding: 0 8rpx;
+			margin-right: 16rpx;
+			margin-bottom: 8rpx;
 		}
 	}
 	.price-free{
 		display: flex;
 		justify-content: space-between;
-		margin-top: 4px;
+		margin-top: 8rpx;
 		.price{
 			display: flex;
 		    align-items: baseline;
@@ -1203,7 +1204,7 @@
 		.price-1{
 			.num{
 				color: rgba(255, 98, 0, 100);
-				font-size: 20px;
+				font-size: 40rpx;
 			}
 			.unit{
 				color: rgba(153, 153, 153, 100);
@@ -1211,7 +1212,7 @@
 		}
 		.price-2{
 			color: rgba(153, 153, 153, 100);
-			margin-left: 4px;
+			margin-left: 8rpx;
 			text-decoration: line-through;
 		}
 	}
@@ -1221,34 +1222,34 @@
 		.slow,.fast{
 			display: flex;
 			.fast-font{
-				width: 20px;
-				height: 20px;
-				line-height: 20px;
-				border-radius: 4px;
+				width: 40rpx;
+				height: 40rpx;
+				line-height: 40rpx;
+				border-radius: 8rpx;
 				background-color: rgba(186, 240, 215, 100);
 				color: rgba(0, 130, 69, 100);
-				font-size: 14px;
+				font-size: 28rpx;
 				text-align: center;
-				margin-right: 4px;
+				margin-right: 8rpx;
 			}
 			.slow-font{
-				width: 20px;
-				height: 20px;
-				line-height: 20px;
-				border-radius: 4px;
+				width: 40rpx;
+				height: 40rpx;
+				line-height: 40rpx;
+				border-radius: 8rpx;
 				background-color: rgba(226, 226, 226, 100);
 				color: rgba(128, 128, 128, 100);
-				font-size: 14px;
+				font-size: 28rpx;
 				text-align: center;
-				margin-right: 4px;
+				margin-right: 8rpx;
 			}
 			.num{
 				font-size: 16px;color: rgba(0, 145, 67, 100);
-				line-height: 20px;
+				line-height: 40rpx;
 			}
 		}
 		.slow{
-			margin-left: 12px;
+			margin-left: 24rpx;
 		}
 	}
 }