商城修改

components/cats/style3.vue

@@ -11,7 +11,8 @@
           padding: 10px;
           padding-bottom: 0px;
         ">
-				<u-row gutter="20">
+				<u-row gutter="12">
+					<view class="layout">
 						<u-col span="6" v-for="(cx, ci) in g" :key="ci">
 							<view class="good" @click="clickHandler(cx)">
 								<view class="good-img" style="position: relative;">
@@ -43,12 +44,12 @@
 									{{ cx.name }}
 								</view>
 								<!-- 新增上课日期 -->
-							<view v-if="u.TenantId==27">
+								<view v-if="u.TenantId==27" class="rqi">
 									<view v-if="u.TenantId==27&&cx.edudata.ClassTime" class="have">
 										{{cx.edudata.ClassTime}}</view>
 									<!-- 新增次数 -->
-								<div v-if="cx.edudata.ClassNum&&u.TenantId==27" class="have">{{cx.edudata.ClassNum}}次
-								</div>
+									<view v-if="cx.edudata.ClassNum&&u.TenantId==27" class="have">{{cx.edudata.ClassNum}}次
+									</view>
 									<!-- 新增老师相片资料 -->
 									<view class="price-box">
 										<view class="portrait-box">
@@ -61,7 +62,6 @@
 											<view class="price" :style="{ color: mainColor }">{{cx.price_content}}</view>
 										</view>
 									</view>
-								
 								</view>
 								<!-- 新增上课日期结束 -->
 								<view class="good-info" v-if="u.TenantId!=27">
@@ -70,6 +70,8 @@
 								</view>
 							</view>
 						</u-col>
+					</view>
+					
 				</u-row>
 				<u-divider v-if="isover" bg-color="#F5f5f5" :margin-top="20" :margin-bottom="20">没有更多商品了</u-divider>
 				&nbsp;
@@ -222,6 +224,15 @@
 </script>
 
 <style>
+	.layout{
+		display: flex;
+		justify-content: space-between;
+		flex-wrap: wrap;
+	}
+	.rqi{
+		/* background: red; */
+		/* width: 130px; */
+	}
 	.good-info2 {
 		display: flex;
 		margin: 0px 10px;
@@ -233,6 +244,7 @@
 		display: flex;
 		justify-content: space-between;
 		align-items: center;
+		height: 60rpx;
 	}
 	.portrait-box {
 		display: flex;
@@ -281,6 +293,7 @@
 		border-radius: 10px;
 		overflow: hidden;
 		margin-bottom: 10px;
+		width: 345rpx;
 	}
 
 	.catstyle3 .good .good-img {

components/goods/goodsku2.vue

@@ -713,5 +713,6 @@
 		align-items: center;
 		border-top: 1px solid #eee;
 		padding: 5px 10px;
+		margin-top: 20rpx;
 	}
 </style>