diff --git a/src/pages/member/index.tsx b/src/pages/member/index.tsx
index fe88640..60407e8 100644
--- a/src/pages/member/index.tsx
+++ b/src/pages/member/index.tsx
@@ -17,7 +17,7 @@ import { PlusOutlined, ReloadOutlined } from "@ant-design/icons";
 import { user } from "../../api/index";
 import { dateFormat } from "../../utils/index";
 import { Link, useNavigate } from "react-router-dom";
-import { TreeDepartment } from "../../compenents";
+import { TreeDepartment, PerButton } from "../../compenents";
 
 interface DataType {
   id: React.Key;
@@ -81,14 +81,14 @@ export const MemberPage: React.FC = () => {
       width: 160,
       render: (_, record) => (
         <Space size="small">
-          <Button
+          <PerButton
             type="link"
-            danger
-            className="c-red"
+            text="详情"
+            class="c-red"
+            icon={null}
+            p="user-update"
             onClick={() => navigate(`/member/update/${record.id}`)}
-          >
-            详情
-          </Button>
+          />
           <Popconfirm
             title="警告"
             description="即将删除此账号，确认操作？"
@@ -96,9 +96,14 @@ export const MemberPage: React.FC = () => {
             okText="确定"
             cancelText="取消"
           >
-            <Button type="link" danger className="c-red">
-              删除
-            </Button>
+            <PerButton
+              type="link"
+              text="删除"
+              class="c-red"
+              icon={null}
+              p="user-destroy"
+              onClick={() => null}
+            />
           </Popconfirm>
         </Space>
       ),
@@ -237,18 +242,24 @@ export const MemberPage: React.FC = () => {
             <div className="float-left j-b-flex mb-24">
               <div className="d-flex">
                 <Link style={{ textDecoration: "none" }} to={`/member/create`}>
-                  <Button
-                    icon={<PlusOutlined />}
-                    className="mr-16"
+                  <PerButton
                     type="primary"
-                  >
-                    新建
-                  </Button>
+                    text="新建"
+                    class="mr-16"
+                    icon={<PlusOutlined />}
+                    p="user-store"
+                    onClick={() => null}
+                  />
                 </Link>
                 <Link style={{ textDecoration: "none" }} to={`/member/import`}>
-                  <Button className="mr-16" type="primary">
-                    学员批量导入
-                  </Button>
+                  <PerButton
+                    type="primary"
+                    text="学员批量导入"
+                    class="mr-16"
+                    icon={null}
+                    p="user-store"
+                    onClick={() => null}
+                  />
                 </Link>
               </div>
               <div className="d-flex">