样式修改

components/cats/style44.vue

@@ -67,7 +67,7 @@
 						<!-- 	新加div -->
 						<view class="cent-box">
 							<div class="good-img" style="position: relative;">
-								<image mode="aspectFill" :src="cx.cover_pic" style="width: 100%; height: 100%;">
+								<image mode="aspectFill" :src="cx.cover_pic" style="width: 100%; height: 100%;border-radius: 10rpx;">
 									<image
 										src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/plugins-out.png"
 										v-if="cx.totalStock==0"
@@ -616,16 +616,18 @@
 	.Teachers {
 		display: flex;
 		justify-content: space-between;
+		height: 110rpx;
 	}
 
 	.cart-box {
 		display: flex;
-		align-items: center;
+		/* align-items: center; */
+		align-items: flex-end;
 	}
 
 	.portrait-box {
 		display: flex;
-		align-items: center;
+		/* align-items: center; */
 	}
 
 	.portrait {
@@ -656,6 +658,7 @@
 		height: 100%;
 		width: 1px;
 		flex: 1;
+		background-color: #F0F0F0;
 	}
 
 	.catstyle4 .van-tabs__line {
@@ -679,30 +682,34 @@
 	}
 
 	.catstyle4 .good {
-		border-bottom: 1rpx solid #f1f1f1;
+		/* border-bottom: 1rpx solid #f1f1f1; */
 		/* display: flex; */
-		padding: 10px 0;
+		padding: 20rpx 20rpx;
+		background-color: #fff;
+		margin-bottom: 20rpx;
+		border-radius: 20rpx;
 	}
 
 	.catstyle4 .good .good-img {
-		width: 77px;
-		height: 126rpx;
+		width: 120rpx;
+		height: 90rpx;
 	}
 
 	.catstyle4 .good .good-info .good-name {
 		overflow: hidden;
 		text-overflow: ellipsis;
 		display: -webkit-box;
-		-webkit-line-clamp: 2;
+		-webkit-line-clamp: 1;
 		-webkit-box-orient: vertical;
 		margin-bottom: 3px;
-		font-size: 14px;
+		font-size: 30rpx;
 		/* height: 36px; */
 		margin-bottom: 5px;
+		font-weight: bold;
 	}
 
 	.catstyle4 .good .good-info {
-		margin-left: 5px;
+		margin-left: 20rpx;
 		width: 1px;
 		flex: 1;
 		min-height: 70px;
@@ -744,6 +751,7 @@
 	.sell2 {
 		font-size: 12px;
 		color: gray;
+		margin-top: 10rpx;
 	}
 
 	.catstyle4 .right-slider .adbox {