上传

pages_order/components/list/cardList.vue

@@ -44,15 +44,14 @@
 <style scoped lang="scss">
 	.card {
 		display: flex;
-		height: 300rpx;
 		width: 94%;
 		margin: 40rpx 0 0 3%;
 		align-items: center;
 
 		.card-img {
-			height: 240rpx;
-			width: 420rpx;
-
+			height: 260rpx;
+			width: 230rpx;
+			flex-shrink: 0;
 			image {
 				height: 100%;
 				width: 100%;
@@ -63,6 +62,9 @@
 		.card-content {
 			margin-left: 3%;
 			font-size: 28rpx;
+			display: flex;
+			flex-direction: column;
+			justify-content: space-around;
 
 			.card-content-img {
 				display: flex;
@@ -79,6 +81,7 @@
 				background-color: #FFF1D2;
 				color: #FBAF35;
 				border-radius: 20rpx;
+				width: fit-content;
 			}
 			
 			.tips{