页面优化

peng

2025-11-06 d68fb476c248c6c3ab974ea6b18d6bba638f12d8

 pages/commodity-square/coups-goods-list.vue

@@ -8,6 +8,9 @@
         <u-search class="nav-search" @change='searchGoods' v-model="searchInfo" placeholder="搜索商品"
            :show-action="false"></u-search>
      </view>
      <view class="coupon-tip">
         <text class="tip-text">你已有专属优惠卷可以进行抵扣对应商品</text>
      </view>
      <view style="display: flex;padding: 32rpx;box-sizing: border-box;height: 100%;">
         <view class="navigatorMenue">
            <scroll-view class="typeNavigation" :scroll-y="true" :show-scrollbar="false">
@@ -40,9 +43,9 @@
                     </view>

                     <view
                        style="display: flex; justify-content: space-between;align-items:center; 100%;margin-top: 32rpx;width: 100%;">
                        style="display: flex; justify-content: space-between;align-items:center;margin-top: 32rpx;width: 100%;">
                        <view class="goodsPrice">￥{{item.price}}</view>
                        <view class="addCard" style="display: flex; align-items: center;" v-if="item.goodsType !=='VIRTUAL_GOODS'">
                        <view class="addCard" style="display: flex; align-items: center;" v-if="item.goodsType !=='VIRTUAL_GOODS'&& item.customizeFlag!=='CUSTOMIZE'">
                           <view style="padding: 20rpx 0 20rpx 20rpx;" v-show="item.cardNum && item.cardNum>0"
                              @click.stop="miousCardNum($event,item.id)">
                              <uni-icons type="minus" size="30" color="#96a6bc"></uni-icons>
@@ -65,8 +68,6 @@
            <div class="settlement">去购物车结算</div>
         </view>
      </view>
   </view>

   </view>
</template>

@@ -379,6 +380,7 @@
      height: 100%;
      width: 200rpx;
      border-radius: 0 24rpx 24rpx 0;
      padding-bottom: 60rpx; /* 增加底部间距 */
   }

   .goodsInfos {
@@ -398,6 +400,7 @@
      box-sizing: border-box;
      padding: 10rpx;
      height: 100%;
      padding-bottom: 40rpx; /* 增加底部内边距 */
   }

   .typeNavigationItem {
@@ -432,4 +435,19 @@
      color: red;
      font-weight: bold;
   }
	
   .coupon-tip {
      text-align: center;
      padding: 20rpx 0;
      background-color: #fff9f9;
      margin: 20rpx 32rpx;
      border-radius: 10rpx;
      border: 1px solid #ffe0e0;
   }
	
   .tip-text {
      color: #ff6b6b;
      font-size: 28rpx;
      font-weight: bold;
   }
</style>