金刚区修改

src/pages/dacang/list/index.vue

@@ -219,8 +219,8 @@ onPullDownRefresh(() => {
 <template>
   <div class="h-screen">
     <DacangHeader :ex-class="headerClass" :tabs="state.tabs" @click:item="handleTabItemClick" />
-
-    <div class="flex flex-col gap-2 ">
+	<!-- gap-2 -->
+    <div class="flex flex-col">
       <CXBBackTop :Scroll_X="Scroll_X" :isCss="1" />
       <image lazy-load :src="state.banner" mode="widthFix" @click="toHuiyuan" class="w-full h-50"></image>
       <div>

src/pages/home/components/navs.vue

@@ -1,80 +1,83 @@
 <script lang="ts" setup>
-import { getHomeQuickLink } from "~/apis/common";
-import { PLATFORM_NAME } from "~/apis/model/common.model";
-import { useDacangStore } from "~/stores/dacangStore";
-import { CDN_URL, CDM_URL } from "~/config/app";
+import { getHomeQuickLink } from '~/apis/common'
+import { PLATFORM_NAME } from '~/apis/model/common.model'
+import { useDacangStore } from '~/stores/dacangStore'
+import { CDM_URL, CDN_URL } from '~/config/app'
 
 const navList = ref([{
-  image: CDM_URL + '/image/2023-11-20/20231120155257975.png',
+  image: `${CDM_URL}/image/2023-11-20/20231120155257975.png`,
   title: '精品商城',
-  key: 'jingpin'
+  key: 'jingpin',
 }, {
-  image: CDN_URL + '/static/home-nav/home_xianshimiaosha_220614.png',
+  image: `${CDN_URL}/static/home-nav/home_xianshimiaosha_220614.png`,
   title: '限时秒杀',
-  key: 'miaosha'
-},{
-  image: CDM_URL + '/image/2023-11-30/20231130092625318.png',
-  title: '一壶茶',
-  key: 'user',
-},{
+  key: 'miaosha',
+}, {
+  // image: CDM_URL + '/image/2023-11-30/20231130092625318.png',
+  // title: '一壶茶',
+  // key: 'user',
+  image: `${CDN_URL}/static/home-nav/elderly_zone_220920.png`,
+  title: '老年专区',
+  key: PLATFORM_NAME.DC,
+  categoryId: '571',
+}, {
   image: '',
   title: '鼎盛联盟',
   key: 'dingsheng',
   // https://cdn.bjtdba.com/vod/image/2023-11-30/20231130092553801.png  gc
   // https://cdn.bjtdba.com/vod/image/2023-11-30/20231130092625318.png  会员
   // categoryId: '149'
-},{
-  image: CDN_URL + '/static/home-nav/icon_hmyh_221014.png',
+}, {
+  image: `${CDN_URL}/static/home-nav/icon_hmyh_221014.png`,
   title: '惠民专区',
   key: PLATFORM_NAME.DC,
   categoryId: '567',
-},{
-  image: CDN_URL + '/static/home-nav/jingdongshengqian_220920.png',
+}, {
+  image: `${CDN_URL}/static/home-nav/jingdongshengqian_220920.png`,
   title: '京东',
-  key: PLATFORM_NAME.JD
+  key: PLATFORM_NAME.JD,
 }, {
-  image: CDN_URL + '/static/home-nav/home_taobaoyanglao_220920.png',
+  image: `${CDN_URL}/static/home-nav/home_taobaoyanglao_220920.png`,
   title: '淘宝',
-  key: PLATFORM_NAME.TB
+  key: PLATFORM_NAME.TB,
 }, {
-  image: CDM_URL + '/image/2023-11-24/20231124150424710.png',
+  image: `${CDM_URL}/image/2023-11-24/20231124150424710.png`,
   title: '拼多多',
-  key: PLATFORM_NAME.PDD
+  key: PLATFORM_NAME.PDD,
 }, {
-  image: CDN_URL + '/static/home-nav/home_weipinhui_220920.png',
+  image: `${CDN_URL}/static/home-nav/home_weipinhui_220920.png`,
   title: '唯品会',
-  key: PLATFORM_NAME.VIP
+  key: PLATFORM_NAME.VIP,
 }, {
-  image: CDN_URL + '/static/home-nav/home_suningyigou_220920.png',
+  image: `${CDN_URL}/static/home-nav/home_suningyigou_220920.png`,
   title: '苏宁易购',
-  key: PLATFORM_NAME.SU
-},{
-  image: CDN_URL + '/static/home-nav/douyin_logo_230317.png',
+  key: PLATFORM_NAME.SU,
+}, {
+  image: `${CDN_URL}/static/home-nav/douyin_logo_230317.png`,
   title: '抖音',
-  key: PLATFORM_NAME.DY
+  key: PLATFORM_NAME.DY,
 }, {
-  image: CDM_URL + '/image/2023-11-30/20231130092553801.png',
+  image: `${CDM_URL}/image/2023-11-30/20231130092553801.png`,
   title: '工厂直供',
   key: 'gongchang',
-  categoryId: '571'
-},
-{
+  categoryId: '571',
+}, {
   image: '',
   title: '滋补养生',
   key: 'zibu',
-  categoryId: '430'
+  categoryId: '430',
 }, {
-  image: CDN_URL + '/static/home-nav/home_jinfentongdui_220615.png',
+  image: `${CDN_URL}/static/home-nav/home_jinfentongdui_220615.png`,
   title: '积分通兑',
-  key: 'integral'
+  key: 'integral',
 }, {
-  image: CDN_URL + '/static/home-nav/home_gengduo.png',
+  image: `${CDN_URL}/static/home-nav/home_gengduo.png`,
   title: '更多',
-  key: 'chuangke'
+  key: 'chuangke',
 }])
 
 onBeforeMount(() => {
-  getHomeQuickLink().then(res => {
+  getHomeQuickLink().then((res) => {
     // console.log('res>>>>>', res);
 
     if (res) {
@@ -95,78 +98,77 @@ function handleItemClick(item: any) {
       const dacangStore = useDacangStore()
       dacangStore.setClassify(item.categoryId)
       uni.switchTab({
-        url: '/pages/dacang/list/index'
+        url: '/pages/dacang/list/index',
       })
-      break;
+      break
     }
     // 会员专区
     case 'user': {
       // uni.navigateTo({
       //   url: `/pages/vip/index?type=`+item.key
       // })
-	  
+
 	  uni.navigateToMiniProgram({
 	      appId: 'wx9082e5ac2fdb513f',
 	      path: 'pages/home/index',
 	  	  envVersion: 'release', // develop（开发版），trial（体验版），release（正式版）
 	      success(res) {
 	        // 打开成功
-	        console.log(res);
+	        console.log(res)
 	      },
 	      fail: (error) => {
-	        console.log(error);
-	      }
+	        console.log(error)
+	      },
 	    })
-	  
-	  
-      break;
+
+      break
     }
     // 秒杀
     case 'miaosha': {
       uni.navigateTo({
-        url: '/pages/miaosha/index?type_show=1'
+        url: '/pages/miaosha/index?type_show=1',
       })
-      break;
+      break
     }
     case 'zibu': {
       // if ()
       const id = 430
       uni.navigateTo({
-        url: `/pages/product/zibuyangsheng?id=${id}`
+        url: `/pages/product/zibuyangsheng?id=${id}`,
       })
-      break;
+      break
     }
     case 'dingsheng': {
       uni.navigateTo({
-        url: `/pages/product/dingshenglianmeng?type=` + item.key
+        url: `/pages/product/dingshenglianmeng?type=${item.key}`,
       })
-      break;
+      break
     }
-    //工厂直供
+    // 工厂直供
     case 'gongchang': {
       uni.navigateTo({
-        url: `/pages/vip/index?type=`+item.key
+        url: `/pages/vip/index?type=${item.key}`,
       })
-      break;
+      break
     }
     case 'jingpin': {
       uni.navigateTo({
-        url: `/pages/product/dingshenglianmeng?type=` + item.key
+        url: `/pages/product/dingshenglianmeng?type=${item.key}`,
       })
-      break;
+      break
     }
     // 积分通兑
     case 'integral': {
       uni.navigateTo({
-        url: '/pages/product/integral'
+        url: '/pages/product/integral',
       })
-      break;
+      break
     }
     case 'chuangke': {
       uni.switchTab({
-        url: '/pages/store/nearby/index'
+        url: '/pages/store/nearby/index',
       })
-      break;
+      break
     }
     case PLATFORM_NAME.JD:
     case PLATFORM_NAME.VIP:
@@ -175,20 +177,23 @@ function handleItemClick(item: any) {
     case PLATFORM_NAME.TB:
     case PLATFORM_NAME.SU:
       uni.navigateTo({
-        url: `/pages/search/index?platform=${item.key}`
+        url: `/pages/search/index?platform=${item.key}`,
       })
-      break;
+      break
   }
 }
 </script>
+
 <template>
   <!-- 15宫格 -->
   <div class="">
     <div class="rounded bg-white pt-4 pb-2 px-5">
       <div class="flex justify-around flex-wrap ">
-        <div @tap="handleItemClick(navItem)" class="flex flex-col items-center justify-center gap-y-1 mb-2 flex-[0_0_20%]"
-          v-for="(navItem, index) in navList" :key="index">
-          <image :src="navItem.image" mode="widthFix" class="w-10 h-10"></image>
+        <div
+          v-for="(navItem, index) in navList" :key="index"
+          class="flex flex-col items-center justify-center gap-y-1 mb-2 flex-[0_0_20%]" @tap="handleItemClick(navItem)"
+        >
+          <image :src="navItem.image" mode="widthFix" class="w-10 h-10" />
           <div class="text-xs">
             {{ navItem.title }}
           </div>