细节

pages/shopList/shopPage.vue

@@ -78,10 +78,10 @@
 									:class="{ on: activeFilter === 'price' && filterDirection === 'ASC'}"></text>
 							</view>
 						</view>
-						<view class="goods-list">
-							<view v-for="(item, index) in goods" :key="index" class="good"
+						<view class="goods-list" style="justify-content: space-between;">
+							<view v-for="(item, index) in goods" :key="index" class="good" style="margin-right: 0"
 								@click="onGoodDetail(item.goods_id)">
-								<image :src="item.goods_image" mode="widthFix"></image>
+								<image :src="item.goods_image" mode="aspectFill"></image>
 								<view class="name">{{ item.goods_name }}</view>
 								<view class="price">
 									<text
@@ -105,8 +105,7 @@
 			<view class="toTop" v-if="isTop" @click="openScrollTo()">
 				<image :src="$picUrl+'/static/toTop.png?=1'"></image>
 			</view>
-		</view>
-		<addShuiyin />
+		</view><addShuiyin />
 	</view>
 </template>
 
@@ -600,9 +599,7 @@
 						height: 100%;
 						width: calc(100% - 108rpx);
 						display: flex;
-						display: flex;
-						flex-wrap: wrap;
-						justify-content: space-between;
+						flex-direction: column;
 
 						.filter-box {
 							height: 88rpx;
@@ -654,7 +651,6 @@
 							overflow-y: auto;
 							display: flex;
 							flex-wrap: wrap;
-							justify-content: space-between;
 
 							.good {
 								width: 290rpx;
@@ -662,12 +658,13 @@
 								background: #FFFFFF;
 								border-radius: 10rpx;
 								border: 1px solid #EAEAEA;
+								margin-right: 22rpx;
 								margin-bottom: 20rpx;
 								border-radius: 10rpx;
 								border: 1px solid #EAEAEA;
 
-								&:nth-child(2n+1) {
-									// margin-right: auto;
+								&:nth-child(2n) {
+									margin-right: 0;
 								}
 
 								>image {