商家分类修改

This commit is contained in:
Daniel Kou 2026-07-10 11:16:22 +08:00
parent bf2c2f5fbf
commit 7f94a55cbe

View File

@ -69,12 +69,14 @@
</view>
<!-- 分类条:移到瀑布上方,上滑时吸顶(top=页头高度),仅瀑布在其下滚动 -->
<scroll-view scroll-x class="hd-cate" v-if="lifeCircleList.length" :style="{ top: cateTop + 'px' }">
<scroll-view scroll-x class="hd-cate" v-if="categoryList.length" :style="{ top: cateTop + 'px' }">
<view class="hd-cate-item" :class="{ on: currentTab === 'recommend' }" @tap="selectRecommend">附近</view>
<view class="hd-cate-item" v-for="(item, index) in lifeCircleList" :key="index"
:class="{ on: currentTab === item.title }" @tap="selectCircle(item)">
{{ item.title }}
<!-- 分类条改用商家分类表数据(categoryList),与下方好店(merchant_cate_id)一一对应 -->
<view class="hd-cate-item" v-for="(item, index) in categoryList" :key="index"
:class="{ on: currentTab === item.id }" @tap="selectCircle(item)">
{{ item.cate_name }}
</view>
<view class="hd-cate-item" @tap="goMoreLocalLife">更多</view>
</scroll-view>
<!-- 好店瀑布(两列,图片按原始宽高比制造瀑布效果) -->
@ -201,7 +203,6 @@ export default {
serverRightList: [],
// 分类条:生活圈(位6-11)
lifeCircleList: [],
currentTab: 'recommend', // 当前分类条选中项:'recommend' 或某生活圈标题
// 分类(驱动好店列表)
@ -293,35 +294,27 @@ export default {
// #endif
},
// 「附近」对应的商品分类 id:暂取美食圈(无则取第一个生活圈,再无则第一个分类)
// 「附近」对应的分类 id:取商家分类表第一个
recommendCateId() {
const target = this.lifeCircleList.find(c => c.title === '美食圈') || this.lifeCircleList[0]
if (target) {
const cate = this.categoryList.find(c => c.cate_name === target.title)
if (cate) return cate.id
}
return this.categoryList.length ? this.categoryList[0].id : null
},
// 点击「附近」:暂时显示美食圈内容
// 点击「附近」:显示默认(第一个)分类内容
async selectRecommend() {
this.currentTab = 'recommend'
const id = this.recommendCateId()
if (id) await this.switchCategory(id)
},
// 点击某生活圈:只显示该圈对应分类的好店瀑布
// 点击某商家分类:显示该分类对应的好店瀑布(merchant_cate_id = 该分类 id)
async selectCircle(item) {
if (item.title == '更多') {
return NavgateTo('/packages/localLife/index/index', { isLogin: false })
}
const cate = this.categoryList.find(c => c.cate_name === item.title)
if (cate && cate.id) {
this.currentTab = item.title
await this.switchCategory(cate.id)
} else {
uni.showToast({ title: '暂无「' + item.title + '」相关好店', icon: 'none' })
}
this.currentTab = item.id
await this.switchCategory(item.id)
},
// 「更多」:进入本地生活完整列表
goMoreLocalLife() {
NavgateTo('/packages/localLife/index/index', { isLogin: false })
},
async headershopEnterClick() {
@ -370,17 +363,15 @@ export default {
// 一次拉取各广告位(1-11),后续各 getHomeXxx 读缓存
await this.prefetchBannerGroups()
const [bannerList, serverLeft, serverRightList, lifeCircleList, tabList] = await Promise.all([
const [bannerList, serverLeft, serverRightList, tabList] = await Promise.all([
this.getHomeBanner(),
this.getServerLeft(),
this.getServerRight(),
this.getLifeCircle(), // 生活圈 6-11 → 分类条
this.getButtonNum(), // 金刚区
])
this.bannerList = bannerList
this.serverLeft = serverLeft
this.serverRightList = serverRightList
this.lifeCircleList = lifeCircleList
this.tabList = tabList
// 先渲染首屏(轮播/金刚/广告/分类条),好店瀑布再异步加载填充,
@ -498,15 +489,6 @@ export default {
return !!(item && item.pic_src)
},
// 生活圈:中部 6-11,取各位第一条已发布,作为顶部分类条
async getLifeCircle() {
const list = await this.getBannersAt([
AD_POS.MID_CENTER_TOP, AD_POS.MID_CENTER, AD_POS.MID_CENTER_BOTTOM,
AD_POS.MID_RIGHT_TOP, AD_POS.MID_RIGHT_CENTER, AD_POS.MID_RIGHT_BOTTOM,
])
return list.filter(Boolean).filter(item => item.title)
},
/* ---------- 金刚区 ---------- */
async getButtonNum() {
const res = await request(apiArr2.getButtonNum, 'POST', {}, { slice: false })