页面优化

peng

2025-10-30 c61f03cfe1fcf023c7128f77f3d692aef309f77f

页面优化

 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,7 +43,7 @@
                            </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'&& item.customizeFlag!=='CUSTOMIZE'">
                                    <view style="padding: 20rpx 0 20rpx 20rpx;" v-show="item.cardNum && item.cardNum>0"
@@ -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>