样式优化

static/nativeComponents/GoodsList/GoodsItem/index.wxml

@@ -151,7 +151,7 @@
 			<!-- 底部 -->
 			<view class="bottom" wx:if="{{datas.componentData['goodsType'] !=1}}">
 				<!-- 价格 -->
-				<view class="priceItem flex" style="flex-wrap:{{items && items.secondKillActivityInfoGoodsList ? 'wrap' : 'nowrap'}};justify-content:{{priceTextStyle}}">
+				<view class="priceItem flex" style="flex-wrap:{{items && items.secondKillActivityInfoGoodsList ? 'wrap' : 'nowrap'}};justify-content:{{priceTextStyle}};">
 					<!-- 定金膨胀 -->
 					<block wx:if="{{items && items.depositInflationInfoList && items.depositInflationInfoList.length != 0 && items.depositInflationInfoList[0].status == 1}}">
 						<view class="flex cut-price__wrapper">
@@ -204,7 +204,7 @@
 				>
 					已售罄
 				</view>
-				<view wx:if="{{(items&&items.totalQty-0>0||items&&items.oversoldFlag==1)&& datas.componentData['paynow']}}" catchtap="onclickBuynow" style="margin-left: auto;">
+				<view wx:if="{{(items&&items.totalQty-0>0||items&&items.oversoldFlag==1)&& datas.componentData['paynow']}}" catchtap="onclickBuynow" style="margin-left: auto;display: flex;">
 					<text wx:if="{{datas.componentData.btnType<6}}" style="color:{{datas.componentData.btnColor}}" class="buy-now-icon iconfont-common {{datas.componentData.btnIcon}}"></text>
 					<view
 					 wx:else

static/nativeComponents/GoodsList/GoodsItem/index.wxss

@@ -10,6 +10,7 @@ image{
   display: block;
 }
 .goodsItem{
+  height: 100%;
   margin-bottom: var(--proGap2);
   white-space: initial;
 }
@@ -329,15 +330,13 @@ align-items: flex-start;
   -o-border-radius: 30rpx;
 }
 .buy-now-icon {
-  position: relative;
-  right: 0;
-  bottom: 2px;
   font-size: 36rpx;
 }
 .start{
-  position: absolute;
-  right: 50rpx;
+  position: relative;
   bottom: 0;
+  right: 0;
+  margin-left: auto;
 }
 .secKillTag {
   display: inline-block;

static/nativeComponents/GoodsList/index.wxml

@@ -61,13 +61,13 @@
     <view
       wx:if="{{datas.componentData.style==='list'}}"
       class="goodsItem-list flex"
-      style="margin-left:{{-datas.componentData.proGap*2}}rpx;"
+      style="display:grid;grid-template-columns:repeat({{datas.componentData.columnNum}},minmax(0px, 1fr));gap:{{datas.componentData.proGap*2}}rpx;"
     >
       <view
         wx:for="{{pageGoodsList[datasIndex]}}"
         wx:key="index"
         class="goods-item {{'goodsItemIndex'+index}}"
-        style="width:{{100/datas.componentData.columnNum}}%;padding-left:{{datas.componentData.proGap*2}}rpx;display:flex;"
+        style="margin-bottom:20rpx;"
       >
         <!-- <goods-item
           datas="{{datas}}"
@@ -78,6 +78,7 @@
           items="{{item}}"
           datas="{{datas}}"
           indexs="{{index}}"
+          style="height: 100%;"
         ></goods-item>
       </view>
       <!-- 网格布局滚动加载 -->
@@ -86,7 +87,7 @@
       </view>
     </view>
     <!-- 横向滚动 -->
-    <view class="goods-across" wx:elif="{{datas.componentData.style==='across'}}">
+    <view class="goods-across" wx:elif="{{datas.componentData.style==='across'}}" style="display:flex;gap: {{datas.componentData.proGap*2}}rpx;">
       <view class="prev-btn">
         <text class="iconfont-common common-iconyoujiantou"></text>
       </view>
@@ -97,12 +98,13 @@
         wx:for="{{datas.componentData.goodsList}}"
         wx:key="index"
         class="goods-item"
-        style="width:{{100/datas.componentData.columnNum}}%;margin-right:{{datas.componentData.proGap*2}}rpx;display:flex;"
+        style="width:{{100/datas.componentData.columnNum}}%;flex:0 0 {{100/datas.componentData.columnNum}}%;margin-bottom:20rpx;"
       >
         <goods-item
           datas="{{datas}}"
           items="{{datas.componentData.goodsList[index]}}"
           indexs="{{index}}"
+          style="height:100%;"
         ></goods-item>
       </view>
     </view>