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

css module迁移

nkebao/src/pages/home/index.tsx

@@ -0,0 +1,65 @@
+import React, { useEffect, useState } from "react";
+import { Card, Toast } from "antd-mobile";
+import { getDeviceStats, getWechatStats } from "./api";
+import Layout from "@/com/Layout/Layout";
+import "./index.scss";
+
+const Home: React.FC = () => {
+  const [stats, setStats] = useState({
+    totalDevices: 0,
+    onlineDevices: 0,
+    totalWechatAccounts: 0,
+    onlineWechatAccounts: 0,
+  });
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    const fetchStats = async () => {
+      setLoading(true);
+      try {
+        const [device, wechat] = await Promise.all([
+          getDeviceStats(),
+          getWechatStats(),
+        ]);
+        setStats({
+          totalDevices: device.total || 0,
+          onlineDevices: device.online || 0,
+          totalWechatAccounts: wechat.total || 0,
+          onlineWechatAccounts: wechat.active || 0,
+        });
+      } catch (err: any) {
+        Toast.show({
+          content: err?.message || "数据加载失败",
+          position: "top",
+        });
+      } finally {
+        setLoading(false);
+      }
+    };
+    fetchStats();
+  }, []);
+
+  return (
+    <Layout
+      loading={loading}
+      header={<h1 className="home-title">首页 Home</h1>}
+      footer={<div>底部内容</div>} // 如有底部内容可加
+    >
+      <div className="home-cards">
+        <Card title="设备数量" className="home-card">
+          <div className="home-card-value">{stats.totalDevices}</div>
+          <div className="home-card-desc">在线设备：{stats.onlineDevices}</div>
+        </Card>
+        <Card title="微信号数量" className="home-card">
+          <div className="home-card-value">{stats.totalWechatAccounts}</div>
+          <div className="home-card-desc">
+            在线微信号：{stats.onlineWechatAccounts}
+          </div>
+        </Card>
+      </div>
+      {loading && <div className="home-loading">加载中...</div>}
+    </Layout>
+  );
+};
+
+export default Home;