feat: 本次提交更新内容如下

梳理了icon ，增加了layout的loading

nkebao/src/pages/workspace/Workspace.tsx

@@ -2,15 +2,15 @@ import React from "react";
 import { Link } from "react-router-dom";
 import { Card, NavBar, Badge } from "antd-mobile";
 import {
-  LikeOutline,
-  MessageOutline,
-  SendOutline,
-  TeamOutline,
-  LinkOutline,
-  AppOutline,
-  PieOutline,
-  ClockCircleOutline,
-} from "antd-mobile-icons";
+  LikeOutlined,
+  MessageOutlined,
+  SendOutlined,
+  TeamOutlined,
+  LinkOutlined,
+  AppstoreOutlined,
+  PieChartOutlined,
+  ClockCircleOutlined,
+} from "@ant-design/icons";
 import Layout from "@/components/Layout/Layout";
 import MeauMobile from "@/components/MeauMobile/MeauMoible";
 import styles from "./Workspace.module.scss";
@@ -32,7 +32,7 @@ const Workspace: React.FC = () => {
       name: "自动点赞",
       description: "智能自动点赞互动",
       icon: (
-        <LikeOutline className={styles.icon} style={{ color: "#ff4d4f" }} />
+        <LikeOutlined className={styles.icon} style={{ color: "#ff4d4f" }} />
       ),
       path: "/workspace/auto-like",
       bgColor: "#fff2f0",
@@ -43,7 +43,7 @@ const Workspace: React.FC = () => {
       name: "朋友圈同步",
       description: "自动同步朋友圈内容",
       icon: (
-        <ClockCircleOutline
+        <ClockCircleOutlined
           className={styles.icon}
           style={{ color: "#722ed1" }}
         />
@@ -56,7 +56,7 @@ const Workspace: React.FC = () => {
       name: "群消息推送",
       description: "智能群发助手",
       icon: (
-        <SendOutline className={styles.icon} style={{ color: "#fa8c16" }} />
+        <SendOutlined className={styles.icon} style={{ color: "#fa8c16" }} />
       ),
       path: "/workspace/group-push",
       bgColor: "#fff7e6",
@@ -66,7 +66,7 @@ const Workspace: React.FC = () => {
       name: "自动建群",
       description: "智能拉好友建群",
       icon: (
-        <TeamOutline className={styles.icon} style={{ color: "#52c41a" }} />
+        <TeamOutlined className={styles.icon} style={{ color: "#52c41a" }} />
       ),
       path: "/workspace/auto-group",
       bgColor: "#f6ffed",
@@ -76,7 +76,7 @@ const Workspace: React.FC = () => {
       name: "流量分发",
       description: "管理流量分发和分配",
       icon: (
-        <LinkOutline className={styles.icon} style={{ color: "#1890ff" }} />
+        <LinkOutlined className={styles.icon} style={{ color: "#1890ff" }} />
       ),
       path: "/workspace/traffic-distribution",
       bgColor: "#e6f7ff",
@@ -86,7 +86,7 @@ const Workspace: React.FC = () => {
       name: "AI对话助手",
       description: "智能回复，提高互动质量",
       icon: (
-        <MessageOutline className={styles.icon} style={{ color: "#1890ff" }} />
+        <MessageOutlined className={styles.icon} style={{ color: "#1890ff" }} />
       ),
       path: "/workspace/ai-assistant",
       bgColor: "#e6f7ff",
@@ -100,7 +100,12 @@ const Workspace: React.FC = () => {
       id: "ai-analyzer",
       name: "AI数据分析",
       description: "智能分析客户行为特征",
-      icon: <PieOutline className={styles.icon} style={{ color: "#531dab" }} />,
+      icon: (
+        <PieChartOutlined
+          className={styles.icon}
+          style={{ color: "#531dab" }}
+        />
+      ),
       path: "/workspace/ai-analyzer",
       bgColor: "#f0f0ff",
       isNew: true,
@@ -109,7 +114,12 @@ const Workspace: React.FC = () => {
       id: "ai-strategy",
       name: "AI策略优化",
       description: "智能优化获客策略",
-      icon: <AppOutline className={styles.icon} style={{ color: "#13c2c2" }} />,
+      icon: (
+        <AppstoreOutlined
+          className={styles.icon}
+          style={{ color: "#13c2c2" }}
+        />
+      ),
       path: "/workspace/ai-strategy",
       bgColor: "#e6fffb",
       isNew: true,
@@ -118,7 +128,12 @@ const Workspace: React.FC = () => {
       id: "ai-forecast",
       name: "AI销售预测",
       description: "智能预测销售趋势",
-      icon: <PieOutline className={styles.icon} style={{ color: "#d48806" }} />,
+      icon: (
+        <PieChartOutlined
+          className={styles.icon}
+          style={{ color: "#d48806" }}
+        />
+      ),
       path: "/workspace/ai-forecast",
       bgColor: "#fffbe6",
     },

nkebao/src/pages/workspace/auto-like/AutoLike.tsx

@@ -1,38 +1,38 @@
-import React from "react";
-import { NavBar, Button } from "antd-mobile";
-import { AddOutline } from "antd-mobile-icons";
-import Layout from "@/components/Layout/Layout";
-import MeauMobile from "@/components/MeauMobile/MeauMoible";
-
-const AutoLike: React.FC = () => {
-  return (
-    <Layout
-      header={
-        <NavBar
-          backArrow
-          style={{ background: "#fff" }}
-          onBack={() => window.history.back()}
-          left={
-            <div style={{ color: "var(--primary-color)", fontWeight: 600 }}>
-              自动点赞
-            </div>
-          }
-          right={
-            <Button size="small" color="primary">
-              <AddOutline />
-              <span style={{ marginLeft: 4, fontSize: 12 }}>新建任务</span>
-            </Button>
-          }
-        />
-      }
-      footer={<MeauMobile />}
-    >
-      <div style={{ padding: 20, textAlign: "center", color: "#666" }}>
-        <h3>自动点赞页面</h3>
-        <p>此页面正在开发中...</p>
-      </div>
-    </Layout>
-  );
-};
-
-export default AutoLike;
+import React from "react";
+import { NavBar, Button } from "antd-mobile";
+import { PlusOutlined } from "@ant-design/icons";
+import Layout from "@/components/Layout/Layout";
+import MeauMobile from "@/components/MeauMobile/MeauMoible";
+
+const AutoLike: React.FC = () => {
+  return (
+    <Layout
+      header={
+        <NavBar
+          backArrow
+          style={{ background: "#fff" }}
+          onBack={() => window.history.back()}
+          left={
+            <div style={{ color: "var(--primary-color)", fontWeight: 600 }}>
+              自动点赞
+            </div>
+          }
+          right={
+            <Button size="small" color="primary">
+              <PlusOutlined />
+              <span style={{ marginLeft: 4, fontSize: 12 }}>新建任务</span>
+            </Button>
+          }
+        />
+      }
+      footer={<MeauMobile />}
+    >
+      <div style={{ padding: 20, textAlign: "center", color: "#666" }}>
+        <h3>自动点赞页面</h3>
+        <p>此页面正在开发中...</p>
+      </div>
+    </Layout>
+  );
+};
+
+export default AutoLike;

nkebao/src/pages/workspace/main/index.tsx

@@ -1,12 +1,12 @@
 import React, { useState } from "react";
 import { Card, NavBar, TabBar, Grid } from "antd-mobile";
 import {
-  AppOutline,
-  UserOutline,
-  PieOutline, // 替换 BarChartOutline
-  ShopbagOutline,
-  BellOutline,
-} from "antd-mobile-icons";
+  AppstoreOutlined,
+  UserOutlined,
+  PieChartOutlined,
+  ShoppingOutlined,
+  BellOutlined,
+} from "@ant-design/icons";
 import MeauMobile from "@/components/MeauMobile/MeauMoible";
 import Layout from "@/components/Layout/Layout";
 import style from "./index.module.scss";
@@ -14,22 +14,22 @@ const sceneStats = [
   {
     label: "公众号获客",
     value: 234,
-    icon: <ShopbagOutline style={{ fontSize: 28, color: "#4caf50" }} />,
+    icon: <ShoppingOutlined style={{ fontSize: 28, color: "#4caf50" }} />,
   },
   {
     label: "海报获客",
     value: 167,
-    icon: <AppOutline style={{ fontSize: 28, color: "#ff9800" }} />,
+    icon: <AppstoreOutlined style={{ fontSize: 28, color: "#ff9800" }} />,
   },
   {
     label: "抖音获客",
     value: 156,
-    icon: <PieOutline style={{ fontSize: 28, color: "#2196f3" }} />,
+    icon: <PieChartOutlined style={{ fontSize: 28, color: "#2196f3" }} />,
   },
   {
     label: "小红书获客",
     value: 89,
-    icon: <UserOutline style={{ fontSize: 28, color: "#e91e63" }} />,
+    icon: <UserOutlined style={{ fontSize: 28, color: "#e91e63" }} />,
   },
 ];