学员列表多余的操作按钮收缩到更多里

src/pages/member/index.tsx

@@ -8,10 +8,16 @@ import {
   Table,
   message,
   Image,
+  Dropdown,
 } from "antd";
+import type { MenuProps } from "antd";
 import type { ColumnsType } from "antd/es/table";
 // import styles from "./index.module.less";
-import { PlusOutlined, ExclamationCircleFilled } from "@ant-design/icons";
+import {
+  PlusOutlined,
+  DownOutlined,
+  ExclamationCircleFilled,
+} from "@ant-design/icons";
 import { user } from "../../api/index";
 import { dateFormat } from "../../utils/index";
 import { Link, Navigate } from "react-router-dom";
@@ -97,7 +103,42 @@ const MemberPage = () => {
       key: "action",
       fixed: "right",
       width: 160,
-      render: (_, record: any) => (
+      render: (_, record: any) => {
+        const items: MenuProps["items"] = [
+          {
+            key: "1",
+            label: (
+              <PerButton
+                type="link"
+                text="编辑"
+                class="b-link c-red"
+                icon={null}
+                p="user-update"
+                onClick={() => {
+                  setMid(Number(record.id));
+                  setUpdateVisible(true);
+                }}
+                disabled={null}
+              />
+            ),
+          },
+          {
+            key: "2",
+            label: (
+              <PerButton
+                type="link"
+                text="删除"
+                class="b-link c-red"
+                icon={null}
+                p="user-destroy"
+                onClick={() => delUser(record.id)}
+                disabled={null}
+              />
+            ),
+          },
+        ];
+
+        return (
           <Space size="small">
             <Link
               style={{ textDecoration: "none" }}
@@ -114,30 +155,21 @@ const MemberPage = () => {
               />
             </Link>
             <div className="form-column"></div>
-          <PerButton
+            <Dropdown menu={{ items }}>
+              <Button
                 type="link"
-            text="编辑"
+                className="b-link c-red"
-            class="b-link c-red"
+                onClick={(e) => e.preventDefault()}
-            icon={null}
+              >
-            p="user-update"
+                <Space size="small" align="center">
-            onClick={() => {
+                  更多
-              setMid(Number(record.id));
+                  <DownOutlined />
-              setUpdateVisible(true);
-            }}
-            disabled={null}
-          />
-          <div className="form-column"></div>
-          <PerButton
-            type="link"
-            text="删除"
-            class="b-link c-red"
-            icon={null}
-            p="user-destroy"
-            onClick={() => delUser(record.id)}
-            disabled={null}
-          />
                 </Space>
-      ),
+              </Button>
+            </Dropdown>
+          </Space>
+        );
+      },
     },
   ];