优化细节

src/pages/index/Menu.tsx

@@ -11,14 +11,25 @@ const Page = () => {
   const [navItems, setNavItems] = useState<CmsNavigation[]>([])
 
   const reload = async () => {
-    // 读取栏目
-    const menus = await listCmsNavigation({model: 'links', hide: 0});
-    setNavItems(menus || [])
+    // 读取首页菜单
+    const home = await listCmsNavigation({model: 'index'});
+    if (home && home.length > 0) {
+      // 读取首页导航条
+      const menus = await listCmsNavigation({parentId: home[0].navigationId, hide: 0});
+      setNavItems(menus || [])
+    }
   };
 
   const onNav = (row: CmsNavigation) => {
-    console.log(row, 'eee')
-    Taro.navigateTo({url: `${row.path}`})
+    console.log('nav = ', row)
+    console.log('path = ', `/${row.model}${row.path}`)
+    if (row.model == 'goods') {
+      return Taro.navigateTo({url: `/shop/category/index?id=${row.navigationId}`})
+    }
+    if (row.model == 'article') {
+      return Taro.navigateTo({url: `/cms/category/index?id=${row.navigationId}`})
+    }
+    return Taro.navigateTo({url: `${row.path}`})
   }
 
 
@@ -36,7 +47,7 @@ const Page = () => {
             navItems.map((item, index) => (
               <div key={index} className={'text-center'} onClick={() => onNav(item)}>
                 <div className={'flex flex-col justify-center items-center p-1'}>
-                  <Image src={item.icon} height={36} width={36}/>
+                  <Image src={item.icon} height={36} width={36} lazyLoad={false}/>
                   <div className={'mt-1 text-gray-600'} style={{fontSize: '14px'}}>{item?.title}</div>
                 </div>
               </div>