页面

zxl

3 天以前 4c990c71b78a4dc817db706067aed2369dbe6ac3

 pages/kitchen/KitchenCustomize.vue

@@ -1,6 +1,7 @@
<template>
    <view class="page">
        <top-bar selectedTitleIndex="kitchenCustomize" textColor="black" bgColor="#ffffff" @changeTab="topBarChange"></top-bar>
        <top-bar selectedTitleIndex="kitchenCustomize" textColor="black" bgColor="#ffffff"
            @changeTab="topBarChange"></top-bar>
        <view class="banner">
            <image class="banner-img" :src="banner" mode="aspectFill"></image>
        </view>
@@ -100,8 +101,10 @@
        async initData() {
            await getKitchenBanner().then(res => {
                if (res.statusCode === 200) {
                    this.banner = res.data.data[0].coverUrl;
                    console.log(res)
                    if (res.data.data.length > 0) {
                        this.banner = res.data.data[0].coverUrl;
                    }

                }
            });
            await getKitchenTag().then(res => {
@@ -117,8 +120,13 @@
                    }
                }
            });
            this.queryParams.tagId = this.tags[0].value;
            this.getProductList();
            if (this.tags.length > 0) {
                this.queryParams.tagId = this.tags[0].value;
                this.getProductList();
            } else {
                console.warn('标签数据为空，不请求商品列表');
                this.products = []; // 清空商品列表，避免旧数据残留
            }

        },
        getProductList() {
@@ -132,7 +140,7 @@
                    } else {
                        this.products = this.products.concat(newList);
                    }
                    

                    // 判断是否还有更多数据
                    if (newList.length < this.queryParams.pageSize) {
                        this.loadStatus = 'noMore';
@@ -154,13 +162,13 @@
            this.tags.forEach(t => {
                t.selected = (t.value === tag.value);
            });
            

            // 重置分页参数
            this.queryParams.tagId = tag.value;
            this.queryParams.pageNumber = 1;
            this.products = [];
            this.loadStatus = 'more';
            

            // 重新获得商品
            this.getProductList();
        },
@@ -232,7 +240,7 @@
    font-size: 30rpx;
    color: black;
    border: 1rpx solid #e5e5e5;
    border-radius: 25rpx 25rpx 0 0; 
    border-radius: 25rpx 25rpx 0 0;
    background-color: #f7f7f7;
    white-space: nowrap;
    flex-shrink: 0;
@@ -318,7 +326,7 @@
}

.product-orign-price {
    font-size:24rpx;
    font-size: 24rpx;
    color: #999;
    text-decoration: line-through;
}
@@ -357,10 +365,11 @@
    color: #999;
    font-size: 24rpx;
}

.topBar {
   position: fixed;
   top: 20rpx;
   left: 20rpx;
   z-index: 1000
    position: fixed;
    top: 20rpx;
    left: 20rpx;
    z-index: 1000
}
</style>