diff --git a/package.json b/package.json
index 1219f3b..aa3667d 100644
--- a/package.json
+++ b/package.json
@@ -23,7 +23,7 @@
     "dist/"
   ],
   "dependencies": {
-    "@feewee/h5app-common": "^0.1.8",
+    "@feewee/h5app-common": "^0.1.10",
     "@modern-js/runtime": "~2.48.6",
     "ahooks": "^3.7.11",
     "clsx": "^2.1.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index a80701f..9162549 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -9,8 +9,8 @@ importers:
   .:
     dependencies:
       '@feewee/h5app-common':
-        specifier: ^0.1.8
-        version: 0.1.8(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
+        specifier: ^0.1.10
+        version: 0.1.10(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
       '@modern-js/runtime':
         specifier: ~2.48.6
         version: 2.48.6(@types/react-dom@18.2.25)(@types/react@18.2.79)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(webpack@5.91.0(esbuild@0.17.19))
@@ -1003,8 +1003,8 @@ packages:
     engines: {node: '>=14', npm: '>=6'}
     hasBin: true
 
-  '@feewee/h5app-common@0.1.8':
-    resolution: {integrity: sha512-onuAiOmlsPszfmewpuVSn/CXa/uzS4nVNfYxKtzsCjXDvUAF3mBapciwibFEiM0K0q2KTDeaWQDjY8KK5TlIYg==}
+  '@feewee/h5app-common@0.1.10':
+    resolution: {integrity: sha512-JJyQIydwaXUR+H7kw89/TQRVD0ch1XiU2wtrk8hdWjJyiijxy5Gp3JnGB+VIqIkNCCOGzGZiDyGn32n4Nk3Thw==}
     engines: {node: '>=18', npm: '>=6.9.0'}
     peerDependencies:
       react: '>=18'
@@ -1256,8 +1256,8 @@ packages:
   '@nutui/icons-react@1.0.4':
     resolution: {integrity: sha512-nLFYpJvMBkKzT+PpfMaYoO6vJXMTM0yxAragTkEHt9HAFNjdTdvByCSRfUazHHdLdr1AJxS9h62VB1+jmBEtWA==}
 
-  '@nutui/nutui-react@2.6.0':
-    resolution: {integrity: sha512-4/nfZ/br4mu7m+8qm4EsaO++Mxlxr5tpAEmEsgFghaxeZ2lZLcftJ7e7INzk8tV3IJuKMq7eA/J/BLbbrJldIA==}
+  '@nutui/nutui-react@2.6.1':
+    resolution: {integrity: sha512-Eao/Kd7kbI+4sTL7UN3YmhRxQQazN+pDYMzxzG32r7X9SNs48wzbtVG7dCngOM3UKn+WV3vFvHsPJbYVYyZAfA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
 
@@ -1624,8 +1624,8 @@ packages:
   '@types/eslint-scope@3.7.7':
     resolution: {integrity: sha512-MzMFlSLBqNF2gcHWO0G1vP/YQyfvrxZ0bF+u7mzUdZ1/xK4A4sru+nraZz5i3iEIk1l1uyicaDVTB4QbbEkAYg==}
 
-  '@types/eslint@8.56.9':
-    resolution: {integrity: sha512-W4W3KcqzjJ0sHg2vAq9vfml6OhsJ53TcUjUqfzzZf/EChUtwspszj/S0pzMxnfRcO55/iGq47dscXw71Fxc4Zg==}
+  '@types/eslint@8.56.10':
+    resolution: {integrity: sha512-Shavhk87gCtY2fhXDctcfS3e6FdxWkCx1iUZ9eEUbh7rTqlZT0/IzOkCOVt0fCjcFuZ9FPYfuezTBImfHCDBGQ==}
 
   '@types/estree@1.0.5':
     resolution: {integrity: sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==}
@@ -2178,8 +2178,8 @@ packages:
   caniuse-api@3.0.0:
     resolution: {integrity: sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==}
 
-  caniuse-lite@1.0.30001611:
-    resolution: {integrity: sha512-19NuN1/3PjA3QI8Eki55N8my4LzfkMCRLgCVfrl/slbSAchQfV0+GwjPrK3rq37As4UCLlM/DHajbKkAqbv92Q==}
+  caniuse-lite@1.0.30001612:
+    resolution: {integrity: sha512-lFgnZ07UhaCcsSZgWW0K5j4e69dK1u/ltrL9lTUiFOwNHs12S3UMIEYgBV0Z6C6hRDev7iRnMzzYmKabYdXF9g==}
 
   chalk@2.4.2:
     resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==}
@@ -2377,8 +2377,8 @@ packages:
     peerDependencies:
       postcss: ^8.0.9
 
-  css-functions-list@3.2.1:
-    resolution: {integrity: sha512-Nj5YcaGgBtuUmn1D7oHqPW0c9iui7xsTsj5lIX8ZgevdfhmjFfKB3r8moHJtNJnctnYXJyYX5I1pp90HM4TPgQ==}
+  css-functions-list@3.2.2:
+    resolution: {integrity: sha512-c+N0v6wbKVxTu5gOBBFkr9BEdBWaqqjQeiJ8QvSRIJOf+UxlJh930m8e6/WNeODIK0mYLFkoONrnj16i2EcvfQ==}
     engines: {node: '>=12 || >=16'}
 
   css-minimizer-webpack-plugin@5.0.1:
@@ -2613,8 +2613,8 @@ packages:
   ee-first@1.1.1:
     resolution: {integrity: sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==}
 
-  electron-to-chromium@1.4.740:
-    resolution: {integrity: sha512-Yvg5i+iyv7Xm18BRdVPVm8lc7kgxM3r6iwqCH2zB7QZy1kZRNmd0Zqm0zcD9XoFREE5/5rwIuIAOT+/mzGcnZg==}
+  electron-to-chromium@1.4.745:
+    resolution: {integrity: sha512-tRbzkaRI5gbUn5DEvF0dV4TQbMZ5CLkWeTAXmpC9IrYT+GE+x76i9p+o3RJ5l9XmdQlI1pPhVtE9uNcJJ0G0EA==}
 
   elliptic@6.5.5:
     resolution: {integrity: sha512-7EjbcmUm17NQFu4Pmgmq2olYMj8nwMnpcddByChSUjArp8F5DQWcIcpriwO4ZToLNAJig0yiyjswfyGNje/ixw==}
@@ -5516,8 +5516,8 @@ packages:
     peerDependencies:
       zod: ^3.18.0
 
-  zod@3.22.4:
-    resolution: {integrity: sha512-iC+8Io04lddc+mVqQ9AZ7OQ2MrUKGN+oIQyq1vemgt46jwCwLfhq7/pwnBnNXXXZb8VTVLKwp9EDkx+ryxIWmg==}
+  zod@3.23.0:
+    resolution: {integrity: sha512-OFLT+LTocvabn6q76BTwVB0hExEBS0IduTr3cqZyMqEDbOnYmcU+y0tUAYbND4uwclpBGi4I4UUBGzylWpjLGA==}
 
 snapshots:
 
@@ -6536,10 +6536,10 @@ snapshots:
       - jest
       - supports-color
 
-  '@feewee/h5app-common@0.1.8(react-dom@18.2.0(react@18.2.0))(react@18.2.0)':
+  '@feewee/h5app-common@0.1.10(react-dom@18.2.0(react@18.2.0))(react@18.2.0)':
     dependencies:
       '@nutui/icons-react': 1.0.4
-      '@nutui/nutui-react': 2.6.0(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
+      '@nutui/nutui-react': 2.6.1(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
       clsx: 2.1.0
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
@@ -7049,7 +7049,7 @@ snapshots:
   '@modern-js/utils@2.48.6':
     dependencies:
       '@swc/helpers': 0.5.3
-      caniuse-lite: 1.0.30001611
+      caniuse-lite: 1.0.30001612
       lodash: 4.17.21
       rslog: 1.2.1
 
@@ -7087,7 +7087,7 @@ snapshots:
 
   '@nutui/icons-react@1.0.4': {}
 
-  '@nutui/nutui-react@2.6.0(react-dom@18.2.0(react@18.2.0))(react@18.2.0)':
+  '@nutui/nutui-react@2.6.1(react-dom@18.2.0(react@18.2.0))(react@18.2.0)':
     dependencies:
       '@babel/runtime': 7.24.4
       '@nutui/icons-react': 1.0.4
@@ -7425,7 +7425,7 @@ snapshots:
   '@rsbuild/shared@0.6.1(@swc/helpers@0.5.3)':
     dependencies:
       '@rspack/core': 0.6.1(@swc/helpers@0.5.3)
-      caniuse-lite: 1.0.30001611
+      caniuse-lite: 1.0.30001612
       postcss: 8.4.38
     transitivePeerDependencies:
       - '@swc/helpers'
@@ -7501,8 +7501,8 @@ snapshots:
       tapable: 2.2.1
       watchpack: 2.4.1
       webpack-sources: 3.2.3
-      zod: 3.22.4
-      zod-validation-error: 1.3.1(zod@3.22.4)
+      zod: 3.23.0
+      zod-validation-error: 1.3.1(zod@3.23.0)
     optionalDependencies:
       '@swc/helpers': 0.5.3
 
@@ -7626,10 +7626,10 @@ snapshots:
 
   '@types/eslint-scope@3.7.7':
     dependencies:
-      '@types/eslint': 8.56.9
+      '@types/eslint': 8.56.10
       '@types/estree': 1.0.5
 
-  '@types/eslint@8.56.9':
+  '@types/eslint@8.56.10':
     dependencies:
       '@types/estree': 1.0.5
       '@types/json-schema': 7.0.15
@@ -8252,8 +8252,8 @@ snapshots:
 
   browserslist@4.23.0:
     dependencies:
-      caniuse-lite: 1.0.30001611
-      electron-to-chromium: 1.4.740
+      caniuse-lite: 1.0.30001612
+      electron-to-chromium: 1.4.745
       node-releases: 2.0.14
       update-browserslist-db: 1.0.13(browserslist@4.23.0)
 
@@ -8306,11 +8306,11 @@ snapshots:
   caniuse-api@3.0.0:
     dependencies:
       browserslist: 4.23.0
-      caniuse-lite: 1.0.30001611
+      caniuse-lite: 1.0.30001612
       lodash.memoize: 4.1.2
       lodash.uniq: 4.5.0
 
-  caniuse-lite@1.0.30001611: {}
+  caniuse-lite@1.0.30001612: {}
 
   chalk@2.4.2:
     dependencies:
@@ -8519,7 +8519,7 @@ snapshots:
     dependencies:
       postcss: 8.4.38
 
-  css-functions-list@3.2.1: {}
+  css-functions-list@3.2.2: {}
 
   css-minimizer-webpack-plugin@5.0.1(esbuild@0.17.19)(webpack@5.91.0(esbuild@0.17.19)):
     dependencies:
@@ -8771,7 +8771,7 @@ snapshots:
 
   ee-first@1.1.1: {}
 
-  electron-to-chromium@1.4.740: {}
+  electron-to-chromium@1.4.745: {}
 
   elliptic@6.5.5:
     dependencies:
@@ -8799,7 +8799,7 @@ snapshots:
 
   enhanced-resolve@5.12.0:
     dependencies:
-      graceful-fs: 4.2.11
+      graceful-fs: 4.2.10
       tapable: 2.2.1
 
   enhanced-resolve@5.16.0:
@@ -8954,7 +8954,7 @@ snapshots:
 
   eslint-formatter-pretty@5.0.0:
     dependencies:
-      '@types/eslint': 8.56.9
+      '@types/eslint': 8.56.10
       ansi-escapes: 4.3.2
       chalk: 4.1.2
       eslint-rule-docs: 1.1.235
@@ -11487,7 +11487,7 @@ snapshots:
       balanced-match: 2.0.0
       colord: 2.9.3
       cosmiconfig: 8.3.6(typescript@5.4.5)
-      css-functions-list: 3.2.1
+      css-functions-list: 3.2.2
       css-tree: 2.3.1
       debug: 4.3.4(supports-color@5.5.0)
       fast-glob: 3.3.2
@@ -11980,8 +11980,8 @@ snapshots:
 
   yocto-queue@1.0.0: {}
 
-  zod-validation-error@1.3.1(zod@3.22.4):
+  zod-validation-error@1.3.1(zod@3.23.0):
     dependencies:
-      zod: 3.22.4
+      zod: 3.23.0
 
-  zod@3.22.4: {}
+  zod@3.23.0: {}
diff --git a/src/routes/page.tsx b/src/routes/page.tsx
index a603549..d9f165c 100644
--- a/src/routes/page.tsx
+++ b/src/routes/page.tsx
@@ -1,4 +1,4 @@
-import { Button } from '@feewee/h5app-common';
+import { Button, Toast } from '@feewee/h5app-common';
 import { Helmet } from '@modern-js/runtime/head';
 import { useNavigate } from '@modern-js/runtime/router';
 
@@ -16,6 +16,20 @@ function Index() {
           <Button type="info" shape="round" fill="outline" className="!mx-auto !block" onClick={() => navigate('/demo')}>
             跳转页面
           </Button>
+
+          <Button
+            type="primary"
+            shape="round"
+            className="!mx-auto !block !mt-4"
+            onClick={() =>
+              Toast.show({
+                content: '成功提示',
+                icon: 'success',
+              })
+            }
+          >
+            吐司提示
+          </Button>
         </div>
       </main>
     </>