子项样式修改

src/api/home.ts

@@ -36,7 +36,9 @@ export interface HomeData {
 }
 
 /** 分类链接项（结构与 HomeLinkItem 相同，但不含 link_type / category_id，均为纯链接） */
-export type CategoryLinkItem = Omit<HomeLinkItem, 'link_type' | 'category_id'>
+export type CategoryLinkItem = Omit<HomeLinkItem, 'link_type' | 'category_id'> & {
+  tag: string[]
+}
 
 // ==================== API ====================
 

src/pages/category/index.less

@@ -24,20 +24,23 @@
     background: rgb(255 255 255);
     border-radius: 20px;
     box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
-    padding-bottom: 24px;
+    padding: 20px 20px 30px;
 
-    .van-grid-item__content {
+    .grid-item {
-      padding-top: 24px;
+      display: flex;
-      padding-bottom: 0;
+      margin-bottom: 10px;
+      padding: 20px;
+      border-bottom: 1px solid #ddd;
     }
 
-    .van-icon--image {
+    .grid-item-title {
-      width: 60px !important;
+
-      height: 60px !important;
     }
 
-    .van-grid-item__text {
+    .grid-item-image {
-      font-size: 22px;
+      margin-right: 30px;
+      width: 100px;
+      height: 100px;
     }
   }
 }

src/pages/category/index.tsx

@@ -1,5 +1,5 @@
 import { View, Text } from '@tarojs/components'
-import { Grid, GridItem, Loading } from '@antmjs/vantui'
+import {Image, Loading, Tag} from '@antmjs/vantui'
 import { useState, useEffect } from 'react'
 import Taro from '@tarojs/taro'
 import { getCategoryLinks } from '@/api/home'
@@ -49,16 +49,23 @@ export default function Category() {
       ) : links.length > 0 ? (
         // 宫格链接（与首页宫格导航样式一致）
         <View className='grid-wrapper'>
-          <Grid columnNum={5} border={false} gutter={12} iconSize={48}>
+          {links.map((item) => (
-            {links.map((item) => (
+            <View
-              <GridItem
+              className='grid-item'
-                key={item.id}
+              key={item.id}
-                icon={item.image.preview_url}
+              onClick={() => navigateToLink(item.link)}
-                text={item.title}
+            >
-                onClick={() => navigateToLink(item.link)}
+              <Image className='grid-item-image' src={item.image.preview_url}></Image>
-              />
+              <Text className='grid-item-title'>
-            ))}
+                <View>{item.title}</View>
-          </Grid>
+                <View>
+                  { item.tag.length > 0 && item.tag.map((tag, index) => (
+                    <Tag type='danger' key={index}>{tag}</Tag>
+                  ))}
+                </View>
+              </Text>
+            </View>
+          ))}
         </View>
       ) : (
         // 空状态