子项样式修改

src/pages/category/index.less

@@ -24,12 +24,12 @@
     background: rgb(255 255 255);
     border-radius: 20px;
     box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
-    padding: 20px 20px 30px;
+    padding: 28px 28px 30px;
 
     .grid-item {
       display: flex;
       margin-bottom: 10px;
-      padding: 20px;
+      padding: 14px 0;
       border-bottom: 1px solid #ddd;
     }
 

src/pages/category/index.tsx

@@ -1,5 +1,5 @@
 import { View, Text } from '@tarojs/components'
-import {Image, Loading, Tag} from '@antmjs/vantui'
+import {Image, Loading, Space, Tag} from '@antmjs/vantui'
 import { useState, useEffect } from 'react'
 import Taro from '@tarojs/taro'
 import { getCategoryLinks } from '@/api/home'
@@ -58,11 +58,11 @@ export default function Category() {
               <Image className='grid-item-image' src={item.image.preview_url}></Image>
               <Text className='grid-item-title'>
                 <View>{item.title}</View>
-                <View>
-                  { item.tag.length > 0 && item.tag.map((tag, index) => (
+                <Space>
+                  { item.tag && item.tag.length > 0 && item.tag.map((tag, index) => (
                     <Tag type='danger' key={index}>{tag}</Tag>
                   ))}
-                </View>
+                </Space>
               </Text>
             </View>
           ))}