diff --git a/bun.lockb b/bun.lockb
index 3921874..56e3395 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/config/config.ts b/config/config.ts
index 3f53cc0..2298f2b 100644
--- a/config/config.ts
+++ b/config/config.ts
@@ -20,4 +20,9 @@ export default defineConfig({
   favicon: '/favicon.ico',// 网站图标
   dynamicImport: {}, // 按需加载
   mountElementId: 'root', // 指定 reactapp 渲染到元素的根元素 id
+
+  // 主题
+  theme: {
+    '@primary-color': 'red',
+  },
 });
diff --git a/package.json b/package.json
index cc5a99c..e4a27fc 100644
--- a/package.json
+++ b/package.json
@@ -28,7 +28,7 @@
   "devDependencies": {
     "@types/react": "^17.0.0",
     "@types/react-dom": "^17.0.0",
-    "@umijs/preset-react": "1.x",
+    "@umijs/preset-react": "latest",
     "@umijs/test": "^3.5.41",
     "lint-staged": "^10.0.7",
     "prettier": "^2.2.0",
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index ebdd169..162d2f4 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -1,9 +1,14 @@
 import styles from './index.less';
-
+import { Button } from 'antd'
+import { Button as ButtonMobileV2 } from 'antd-mobile-v2'
+import { Button as ButtonMobileV5 } from 'antd-mobile'
 export default function IndexPage() {
   return (
     <div>
       <h1 className={styles.title}>Page index</h1>
+      <Button type={"primary"}>Click</Button>
+      <ButtonMobileV2>Click</ButtonMobileV2>
+      <ButtonMobileV5>Click</ButtonMobileV5>
     </div>
   );
 }