From 4c990c71b78a4dc817db706067aed2369dbe6ac3 Mon Sep 17 00:00:00 2001
From: zxl <763096477@qq.com>
Date: 星期四, 08 一月 2026 10:15:49 +0800
Subject: [PATCH] 页面
---
pages/kitchen/KitchenCustomize.vue | 37 +++++++++++++++++++++++--------------
1 files changed, 23 insertions(+), 14 deletions(-)
diff --git a/pages/kitchen/KitchenCustomize.vue b/pages/kitchen/KitchenCustomize.vue
index 6aceca8..b1a4701 100644
--- a/pages/kitchen/KitchenCustomize.vue
+++ b/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>
--
Gitblit v1.8.0