From 1d004ee35dce2df5bd8a5a22f66fbc720946e129 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com>
Date: Mon, 30 Mar 2026 23:21:32 +0800
Subject: [PATCH] =?UTF-8?q?refactor(index):=20=E9=87=8D=E6=9E=84=E9=A6=96?=
 =?UTF-8?q?=E9=A1=B5=E7=BD=91=E6=A0=BC=E5=B8=83=E5=B1=80=E5=B9=B6=E7=A7=BB?=
 =?UTF-8?q?=E9=99=A4=E5=BF=AB=E9=80=9F=E6=93=8D=E4=BD=9C=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 移除 Divider 组件依赖并调整 Grid 组件样式配置
- 将网格列数从 3 列改为 4 列，调整内边距和字体大小
- 在 QuickActions 组件中添加 Avatar 组件支持
- 更新快速操作项的标题和图标显示逻辑
- 将 QuickActions 组件替换为 Grid 组件在首页中的位置
- 调整网格项目的间距和头像样式配置
---
 src/pages/index/Grid.tsx         | 14 ++++++--------
 src/pages/index/QuickActions.tsx | 10 +++++++---
 src/pages/index/index.tsx        |  5 ++---
 3 files changed, 15 insertions(+), 14 deletions(-)

diff --git a/src/pages/index/Grid.tsx b/src/pages/index/Grid.tsx
index 961cc77..d6bd691 100644
--- a/src/pages/index/Grid.tsx
+++ b/src/pages/index/Grid.tsx
@@ -1,6 +1,6 @@
 import {useEffect, useState} from 'react'
 import {Grid} from '@nutui/nutui-react-taro'
-import {Avatar, Divider} from '@nutui/nutui-react-taro'
+import {Avatar} from '@nutui/nutui-react-taro'
 import {View, Text} from '@tarojs/components'
 import {listCmsNavigation} from "@/api/cms/cmsNavigation";
 import {CmsNavigation} from "@/api/cms/cmsNavigation/model";
@@ -29,22 +29,20 @@ const MyGrid = () => {
   // @ts-ignore
   return (
     <>
-      <View className={'p-4'}>
-        <View className={' bg-white rounded-2xl py-4'}>
-          <View className={'title font-medium px-4'}>功能菜单</View>
-          <Divider />
-          <Grid columns={3} square style={{
+      <View className={'p-0'}>
+        <View className={' bg-white py-1'}>
+          <Grid columns={4} square style={{
             // @ts-ignore
             '--nutui-grid-border-color': 'transparent',
           }}>
             {
               list.map((item) => (
                 <Grid.Item key={item.navigationId} onClick={() => navTo(`${item.path}`,true)}>
-                  <Avatar src={item.icon} className={'mb-2'} shape="square" style={{
+                  <Avatar src={item.icon} className={'mb-1'} shape="square" style={{
                     backgroundColor: 'transparent',
                   }}/>
                   <Text className={'text-gray-600'} style={{
-                    fontSize: '16px'
+                    fontSize: '14px'
                   }}>{item.title}</Text>
                 </Grid.Item>
               ))
diff --git a/src/pages/index/QuickActions.tsx b/src/pages/index/QuickActions.tsx
index 725d2a7..33332a6 100644
--- a/src/pages/index/QuickActions.tsx
+++ b/src/pages/index/QuickActions.tsx
@@ -1,5 +1,6 @@
 import React from 'react'
 import { View, Text } from '@tarojs/components'
+import {Avatar} from '@nutui/nutui-react-taro'
 import Taro from '@tarojs/taro'
 import {
   Star,
@@ -15,9 +16,10 @@ const QuickActions: React.FC = () => {
   const actions = [
     {
       icon: <Star size={22} />,
-      title: '我要推荐',
+      title: '我要推荐2',
       path: '/dealer/index',
-      iconClass: 'qa-icon--orange'
+      iconClass: 'qa-icon--orange',
+      avatar: 'https://oss.wsdns.cn/20260330/5f54527123864193b0a2078f812b117f.png?x-oss-process=image/resize,m_fixed,w_200/quality,Q_90'
     },
     {
       icon: <People size={22} />,
@@ -60,7 +62,9 @@ const QuickActions: React.FC = () => {
           onClick={() => handleClick(action)}
         >
           <View className={`quick-actions__icon ${action.iconClass}`}>
-            {React.cloneElement(action.icon as React.ReactElement, { color: '#ffffff' })}
+            <Avatar src={action.avatar} className={'mb-2'} shape="square" style={{
+              backgroundColor: 'transparent',
+            }}/>
           </View>
           <Text className='quick-actions__label'>{action.title}</Text>
         </View>
diff --git a/src/pages/index/index.tsx b/src/pages/index/index.tsx
index 82abc5d..be0442a 100644
--- a/src/pages/index/index.tsx
+++ b/src/pages/index/index.tsx
@@ -11,7 +11,6 @@ import Banner from "./Banner";
 import './index.scss'
 import Grid from "@/pages/index/Grid";
 import PopUpAd from "@/pages/index/PopUpAd";
-import QuickActions from "./QuickActions";
 import {configWebsiteField} from "@/api/cms/cmsWebsiteField";
 import type {Config} from "@/api/cms/cmsWebsiteField/model";
 
@@ -123,10 +122,10 @@ function Home() {
       <View className={'flex flex-col mt-1'}>
         <Menu/>
         <Banner/>
-        <QuickActions/>
+        {/*<QuickActions/>*/}
+        <Grid />
         <NoticeBar content={config?.NoticeBar || '主营直购电售电业务,以更优惠电价、更全面的服务，致力为工商企业创造更优越经营环境，帮助企业减负排压，深度赋能'} />
         <BestSellers/>
-        <Grid />
       </View>
       <PopUpAd />
     </>