diff --git a/src/packages/actionsheet/demo.tsx b/src/packages/actionsheet/demo.tsx
index d197d72e3e..7e706c41a8 100644
--- a/src/packages/actionsheet/demo.tsx
+++ b/src/packages/actionsheet/demo.tsx
@@ -61,7 +61,7 @@ const ActionSheetDemo = () => {
     },
     'en-US': {
       '0f87770f': 'Option One',
-      e23e5e80: 'Option two',
+      e23e5e80: 'Option Two',
       b6102b61: 'Option Three',
       acc5939e: 'Description Information',
       '85dae65b': 'Shading Options',
diff --git a/src/packages/actionsheet/doc.en-US.md b/src/packages/actionsheet/doc.en-US.md
index 8fab8053ac..e4fea481e2 100644
--- a/src/packages/actionsheet/doc.en-US.md
+++ b/src/packages/actionsheet/doc.en-US.md
@@ -1,19 +1,17 @@
-# ActionSheet 动作面板
+# ActionSheet 
 
 
-### 介绍
-从底部弹出的动作菜单面板。
+### Intro
+Action menu panel that pops up from the bottom.
 
-### 安装
+### Install
 
 ```ts
 import { ActionSheet } from '@nutui/nutui-react';
 ```
-## 代码示例
+## Demo
 
-### 基本用法
-
-默认
+### Basic usage
 
 :::demo
 ```tsx
@@ -30,13 +28,13 @@ const App = () => {
   const [isVisible1, setIsVisible1] = useState(false)
   const menuItemsOne: ItemType<string>[] = [
     {
-      name: '选项一',
+      name: 'Option One',
     },
     {
-      name: '选项二',
+      name: 'Option Two',
     },
     {
-      name: '选项三',
+      name: 'Option Three',
     },
   ]
   const chooseItem = (itemParams: any) => {
@@ -49,7 +47,7 @@ const App = () => {
     <>   
     <Cell isLink onClick={() => setIsVisible1(!isVisible1)}>
       <span>
-        <label>基础用法</label>
+        <label>Basic Usage</label>
       </span>
       <div className="selected-option">{val1}</div>
     </Cell>
@@ -67,7 +65,7 @@ export default App;
 
 ```
 :::
-### 展示取消按钮
+### Show Cancel Button
 
 :::demo
 ```tsx
@@ -79,13 +77,13 @@ const App = () => {
   const [val2, setVal2] = useState('')
   const menuItemsOne: ItemType<string>[] = [
     {
-      name: '选项一',
+      name: 'Option One',
     },
     {
-      name: '选项二',
+      name: 'Option Two',
     },
     {
-      name: '选项三',
+      name: 'Option Three',
     },
   ]
   const chooseItemTwo = (itemParams: Item) => {
@@ -96,14 +94,14 @@ const App = () => {
     <>   
     <Cell isLink onClick={() => setIsVisible2(!isVisible2)}>
       <span>
-        <label>展示取消按钮</label>
+        <label>Show Cancel Button</label>
       </span>
       <div className="selected-option">{val2}</div>
     </Cell>
             
     <ActionSheet
       visible={isVisible2}
-      cancelTxt="取消"
+      cancelTxt="Cancel"
       menuItems={menuItemsOne}
       choose={chooseItemTwo}
       cancel={() => setIsVisible2(false)}
@@ -115,7 +113,7 @@ export default App;
 
 ```
 :::
-### 展示描述信息
+### Display Description Information
 
 :::demo
 ```tsx
@@ -127,14 +125,14 @@ const App = () => {
   const [val3, setVal3] = useState('')
   const menuItemsTwo: ItemType<string>[] = [
     {
-      name: '选项一',
+      name: 'Option One',
     },
     {
-      name: '选项二',
+      name: 'Option Two',
     },
     {
-      name: '选项三',
-      subname: '描述信息',
+      name: 'Option Three',
+      subname: 'Description Information',
     },
   ]
   const chooseItemThree = (itemParams: Item) => {
@@ -145,16 +143,16 @@ const App = () => {
     <>   
     <Cell isLink onClick={() => setIsVisible3(!isVisible3)}>
       <span>
-        <label>展示描述信息</label>
+        <label>Display Description Information</label>
       </span>
       <div className="selected-option">{val3}</div>
     </Cell>
     <ActionSheet
       visible={isVisible3}
-      description="这是一段描述信息"
+      description="This is a descriptive message"
       menuItems={menuItemsTwo}
       choose={chooseItemThree}
-      cancelTxt="取消"
+      cancelTxt="Cancel"
       cancel={() => setIsVisible3(false)}
      />
     </>
@@ -164,7 +162,7 @@ export default App;
 
 ```
 :::
-### 选项状态
+### Option Status
 
 :::demo
 ```tsx
@@ -175,10 +173,10 @@ const App = () => {
   const [isVisible4, setIsVisible4] = useState(false)
   const menuItemsThree: ItemType<string | boolean>[] = [
     {
-      name: '着色选项',
+      name: 'Shading Options',
     },
     {
-      name: '禁用选项',
+      name: 'Disable Option',
       disable: true,
     },
   ]
@@ -186,15 +184,15 @@ const App = () => {
     <>   
     <Cell isLink onClick={() => setIsVisible4(!isVisible4)}>
       <span>
-        <label>选项状态</label>
+        <label>Option Status</label>
       </span>
     </Cell>
     <ActionSheet
       visible={isVisible4}
-      cancelTxt="取消"
+      cancelTxt="Cancel"
       cancel={() => setIsVisible4(false)}
       menuItems={menuItemsThree}
-      chooseTagValue="着色选项"
+      chooseTagValue="Shading Options"
       choose={() => {
         setIsVisible4(false)
       }}
@@ -209,22 +207,22 @@ export default App;
 
 ## Prop
 
-| 字段             | 说明                                   | 类型    | 默认值    |
+| Attribute             | Description                                   | Type    | Default    |
 |------------------|----------------------------------------|---------|-----------|
-| cancelTxt       | 取消文案                               | String  | '取消'    |
-| menuItems       | 列表项                                 | Array   | [ ]       |
-| optionTag       | 设置列表项展示使用参数                 | String  | 'name'    |
-| visible       | 遮罩层可见                             | Boolean | false     |
-| optionSubTag   | 设置列表项描述展示使用参数             | String  | 'subname' |
-| chooseTagValue | 设置选中项的值，和'option-tag'的值对应 | String  | ''        |
-| title            | 设置列表项标题                         | String  | ''        |
-| description      | 设置列表项副标题/描述                  | String  | ''        |
-| color            | 高亮颜色                               | String  | '#ee0a24' |
+| cancelTxt       | Cancel Text                               | String  | 'Cancel'    |
+| menuItems       | Menu Item                                 | Array   | [ ]       |
+| optionTag       | Set menu item display usage parameters                 | String  | 'name'    |
+| visible       | Mask layer visible  | Boolean | false     |
+| optionSubTag   | Set menu item description display usage parameters             | String  | 'subname' |
+| chooseTagValue | Set selected item'value, corresponds to the value of 'option-tag' | String  | ''        |
+| title            | Set menu item title                         | String  | ''        |
+| description      | Set menu item subtitle/description                  | String  | ''        |
+| color            | highlight color                               | String  | '#ee0a24' |
 
 
 ## Event
 
-| 字段   | 说明               | 回调参数                          |
+| Attribute   | Description               | Arguments                          |
 |--------|--------------------|-----------------------------------|
-| choose | 选择之后触发       | 选中列表项item, 选中的索引值index |
-| cancel | 点击取消文案时触发 | 无                                |
\ No newline at end of file
+| choose | Triggered after selection       | Selected list item item, selected index value index |
+| cancel | Triggered when cancel copy is clicked | none                                |
\ No newline at end of file
diff --git a/src/packages/actionsheet/doc.md b/src/packages/actionsheet/doc.md
index 8fab8053ac..fb7aab9eab 100644
--- a/src/packages/actionsheet/doc.md
+++ b/src/packages/actionsheet/doc.md
@@ -13,8 +13,6 @@ import { ActionSheet } from '@nutui/nutui-react';
 
 ### 基本用法
 
-默认
-
 :::demo
 ```tsx
 import  React, { useState } from "react";
diff --git a/src/packages/actionsheet/doc.zh-TW.md b/src/packages/actionsheet/doc.zh-TW.md
index 8fab8053ac..1e8e700a6d 100644
--- a/src/packages/actionsheet/doc.zh-TW.md
+++ b/src/packages/actionsheet/doc.zh-TW.md
@@ -1,20 +1,18 @@
-# ActionSheet 动作面板
+# ActionSheet 動作面板
 
 
-### 介绍
+### 介紹
 从底部弹出的动作菜单面板。
 
-### 安装
+### 安裝
 
 ```ts
 import { ActionSheet } from '@nutui/nutui-react';
 ```
-## 代码示例
+## 代碼示例
 
 ### 基本用法
 
-默认
-
 :::demo
 ```tsx
 import  React, { useState } from "react";
@@ -30,13 +28,13 @@ const App = () => {
   const [isVisible1, setIsVisible1] = useState(false)
   const menuItemsOne: ItemType<string>[] = [
     {
-      name: '选项一',
+      name: '選項一',
     },
     {
-      name: '选项二',
+      name: '選項二',
     },
     {
-      name: '选项三',
+      name: '選項三',
     },
   ]
   const chooseItem = (itemParams: any) => {
@@ -67,7 +65,7 @@ export default App;
 
 ```
 :::
-### 展示取消按钮
+### 展示取消按鈕
 
 :::demo
 ```tsx
@@ -79,13 +77,13 @@ const App = () => {
   const [val2, setVal2] = useState('')
   const menuItemsOne: ItemType<string>[] = [
     {
-      name: '选项一',
+      name: '選項一',
     },
     {
-      name: '选项二',
+      name: '選項二',
     },
     {
-      name: '选项三',
+      name: '選項三',
     },
   ]
   const chooseItemTwo = (itemParams: Item) => {
@@ -96,7 +94,7 @@ const App = () => {
     <>   
     <Cell isLink onClick={() => setIsVisible2(!isVisible2)}>
       <span>
-        <label>展示取消按钮</label>
+        <label>展示取消按鈕</label>
       </span>
       <div className="selected-option">{val2}</div>
     </Cell>
@@ -115,7 +113,7 @@ export default App;
 
 ```
 :::
-### 展示描述信息
+### 展示描述資訊
 
 :::demo
 ```tsx
@@ -127,14 +125,14 @@ const App = () => {
   const [val3, setVal3] = useState('')
   const menuItemsTwo: ItemType<string>[] = [
     {
-      name: '选项一',
+      name: '選項一',
     },
     {
-      name: '选项二',
+      name: '選項二',
     },
     {
-      name: '选项三',
-      subname: '描述信息',
+      name: '選項三',
+      subname: '描述資訊',
     },
   ]
   const chooseItemThree = (itemParams: Item) => {
@@ -145,13 +143,13 @@ const App = () => {
     <>   
     <Cell isLink onClick={() => setIsVisible3(!isVisible3)}>
       <span>
-        <label>展示描述信息</label>
+        <label>展示描述資訊</label>
       </span>
       <div className="selected-option">{val3}</div>
     </Cell>
     <ActionSheet
       visible={isVisible3}
-      description="这是一段描述信息"
+      description="這是一段描述資訊"
       menuItems={menuItemsTwo}
       choose={chooseItemThree}
       cancelTxt="取消"
@@ -164,7 +162,7 @@ export default App;
 
 ```
 :::
-### 选项状态
+### 選項状态
 
 :::demo
 ```tsx
@@ -175,10 +173,10 @@ const App = () => {
   const [isVisible4, setIsVisible4] = useState(false)
   const menuItemsThree: ItemType<string | boolean>[] = [
     {
-      name: '着色选项',
+      name: '著色選項',
     },
     {
-      name: '禁用选项',
+      name: '禁用選項',
       disable: true,
     },
   ]
@@ -186,7 +184,7 @@ const App = () => {
     <>   
     <Cell isLink onClick={() => setIsVisible4(!isVisible4)}>
       <span>
-        <label>选项状态</label>
+        <label>選項状态</label>
       </span>
     </Cell>
     <ActionSheet
@@ -194,7 +192,7 @@ const App = () => {
       cancelTxt="取消"
       cancel={() => setIsVisible4(false)}
       menuItems={menuItemsThree}
-      chooseTagValue="着色选项"
+      chooseTagValue="着色選項"
       choose={() => {
         setIsVisible4(false)
       }}
@@ -209,22 +207,23 @@ export default App;
 
 ## Prop
 
-| 字段             | 说明                                   | 类型    | 默认值    |
+| 字段             | 說明                                   | 類型    | 默認值    |
 |------------------|----------------------------------------|---------|-----------|
-| cancelTxt       | 取消文案                               | String  | '取消'    |
-| menuItems       | 列表项                                 | Array   | [ ]       |
-| optionTag       | 设置列表项展示使用参数                 | String  | 'name'    |
-| visible       | 遮罩层可见                             | Boolean | false     |
-| optionSubTag   | 设置列表项描述展示使用参数             | String  | 'subname' |
-| chooseTagValue | 设置选中项的值，和'option-tag'的值对应 | String  | ''        |
-| title            | 设置列表项标题                         | String  | ''        |
-| description      | 设置列表项副标题/描述                  | String  | ''        |
-| color            | 高亮颜色                               | String  | '#ee0a24' |
+| cancelTxt       | 取消文案
+                               | String  | '取消'    |
+| menuItems       | 列表項                                | Array   | [ ]       |
+| optionTag       | 設置列表項展示使用參數                | String  | 'name'    |
+| visible       | 遮罩層可見                            | Boolean | false     |
+| optionSubTag   | 設置列表項描述展示使用參數             | String  | 'subname' |
+| chooseTagValue | 設置選中項的值，和'option-tag'的值對應 | String  | ''        |
+| title            | 設置列表項標題                         | String  | ''        |
+| description      | 設置列表項副標題/描述                  | String  | ''        |
+| color            | 高亮顏色                               | String  | '#ee0a24' |
 
 
 ## Event
 
-| 字段   | 说明               | 回调参数                          |
+| 字段   | 說明               | 回調參數                          |
 |--------|--------------------|-----------------------------------|
-| choose | 选择之后触发       | 选中列表项item, 选中的索引值index |
-| cancel | 点击取消文案时触发 | 无                                |
\ No newline at end of file
+| choose | 選擇之後觸發 |  選中列表項item, 選中的索引值index |
+| cancel | 點擊取消文案時觸發 | 無                               |
\ No newline at end of file
diff --git a/src/packages/badge/demo.taro.tsx b/src/packages/badge/demo.taro.tsx
index 5ff4ed011f..d667ea7903 100644
--- a/src/packages/badge/demo.taro.tsx
+++ b/src/packages/badge/demo.taro.tsx
@@ -1,11 +1,45 @@
 import React from 'react'
+import { useTranslate } from '@/sites/assets/locale/taro'
 import { Avatar, Badge, Cell, CellGroup } from '@/packages/nutui.react.taro'
-
+interface T {
+  '8ab98966': string
+  '1e7a2282': string
+  '781b07fd': string
+  '1c730245': string
+  '915d7b01': string
+  f1089312: string
+}
 const BadgeDemo = () => {
+  const [translated] = useTranslate<T>({
+    'zh-CN': {
+      '8ab98966': '默认用法',
+      '1e7a2282': '最大值',
+      '781b07fd': '自定义颜色',
+      '1c730245': '自定义徽标内容',
+      '915d7b01': '自定义位置',
+      f1089312: '独立展示',
+    },
+    'zh-TW': {
+      '8ab98966': '默认用法',
+      '1e7a2282': '最大值',
+      '781b07fd': '自定义颜色',
+      '1c730245': '自定义徽标内容',
+      '915d7b01': '自定义位置',
+      f1089312: '独立展示',
+    },
+    'en-US': {
+      '8ab98966': '默认用法',
+      '1e7a2282': '最大值',
+      '781b07fd': '自定义颜色',
+      '1c730245': '自定义徽标内容',
+      '915d7b01': '自定义位置',
+      f1089312: '独立展示',
+    },
+  })
   return (
     <>
       <div className="demo">
-        <h2>默认用法</h2>
+        <h2>{translated['8ab98966']}</h2>
         <CellGroup>
           <Cell>
             <Badge value={8}>
@@ -23,7 +57,7 @@ const BadgeDemo = () => {
           </Cell>
         </CellGroup>
 
-        <h2>最大值</h2>
+        <h2>{translated['1e7a2282']}</h2>
         <CellGroup>
           <Cell>
             <Badge value={200} max={9}>
@@ -38,7 +72,7 @@ const BadgeDemo = () => {
           </Cell>
         </CellGroup>
 
-        <h2>自定义颜色</h2>
+        <h2>{translated['781b07fd']}</h2>
         <CellGroup>
           <Cell>
             <Badge
@@ -68,7 +102,7 @@ const BadgeDemo = () => {
           </Cell>
         </CellGroup>
 
-        <h2>自定义徽标内容</h2>
+        <h2>{translated['1c730245']}</h2>
         <CellGroup>
           <Cell>
             <Badge icons="checklist">
@@ -83,7 +117,7 @@ const BadgeDemo = () => {
           </Cell>
         </CellGroup>
 
-        <h2>自定义位置</h2>
+        <h2>{translated['915d7b01']}</h2>
         <CellGroup>
           <Cell>
             <Badge value={8} top="5" right="5">
@@ -98,7 +132,7 @@ const BadgeDemo = () => {
           </Cell>
         </CellGroup>
 
-        <h2>独立展示</h2>
+        <h2>{translated.f1089312}</h2>
         <CellGroup>
           <Cell>
             <Badge value={8} />
diff --git a/src/packages/badge/demo.tsx b/src/packages/badge/demo.tsx
index e15af5cb81..406633c523 100644
--- a/src/packages/badge/demo.tsx
+++ b/src/packages/badge/demo.tsx
@@ -1,14 +1,50 @@
 import React from 'react'
+import { useTranslate } from '../../sites/assets/locale'
 import { Badge } from './badge'
 import Cell from '@/packages/cell'
 import CellGroup from '@/packages/cellgroup'
 import Avatar from '@/packages/avatar'
 
+interface T {
+  '8ab98966': string
+  '1e7a2282': string
+  '781b07fd': string
+  '1c730245': string
+  '915d7b01': string
+  f1089312: string
+}
 const BadgeDemo = () => {
+  const [translated] = useTranslate<T>({
+    'zh-CN': {
+      '8ab98966': '默认用法',
+      '1e7a2282': '最大值',
+      '781b07fd': '自定义颜色',
+      '1c730245': '自定义徽标内容',
+      '915d7b01': '自定义位置',
+      f1089312: '独立展示',
+    },
+    'zh-TW': {
+      '8ab98966': '默认用法',
+      '1e7a2282': '最大值',
+      '781b07fd': '自定义颜色',
+      '1c730245': '自定义徽标内容',
+      '915d7b01': '自定义位置',
+      f1089312: '独立展示',
+    },
+    'en-US': {
+      '8ab98966': '默认用法',
+      '1e7a2282': '最大值',
+      '781b07fd': '自定义颜色',
+      '1c730245': '自定义徽标内容',
+      '915d7b01': '自定义位置',
+      f1089312: '独立展示',
+    },
+  })
+
   return (
     <>
       <div className="demo">
-        <h2>默认用法</h2>
+        <h2>{translated['8ab98966']}</h2>
         <CellGroup>
           <Cell>
             <Badge value={8}>
@@ -26,7 +62,7 @@ const BadgeDemo = () => {
           </Cell>
         </CellGroup>
 
-        <h2>最大值</h2>
+        <h2>{translated['1e7a2282']}</h2>
         <CellGroup>
           <Cell>
             <Badge value={200} max={9}>
@@ -41,7 +77,7 @@ const BadgeDemo = () => {
           </Cell>
         </CellGroup>
 
-        <h2>自定义颜色</h2>
+        <h2>{translated['781b07fd']}</h2>
         <CellGroup>
           <Cell>
             <Badge
@@ -71,7 +107,7 @@ const BadgeDemo = () => {
           </Cell>
         </CellGroup>
 
-        <h2>自定义徽标内容</h2>
+        <h2>{translated['1c730245']}</h2>
         <CellGroup>
           <Cell>
             <Badge icons="checklist">
@@ -86,7 +122,7 @@ const BadgeDemo = () => {
           </Cell>
         </CellGroup>
 
-        <h2>自定义位置</h2>
+        <h2>{translated['915d7b01']}</h2>
         <CellGroup>
           <Cell>
             <Badge value={8} top="5" right="5">
@@ -101,7 +137,7 @@ const BadgeDemo = () => {
           </Cell>
         </CellGroup>
 
-        <h2>独立展示</h2>
+        <h2>{translated.f1089312}</h2>
         <CellGroup>
           <Cell>
             <Badge value={8} />
diff --git a/src/packages/badge/doc.en-US.md b/src/packages/badge/doc.en-US.md
index 4d9a680bd6..b5592a11d4 100644
--- a/src/packages/badge/doc.en-US.md
+++ b/src/packages/badge/doc.en-US.md
@@ -1,18 +1,18 @@
-# Badge 徽标
+# Badge
 
-### 介绍
+### Intro
 
 出现在图标或文字右上角的红色圆点、数字或者文字，表示有新内容或者待处理的信息。
 
-### 安装
+### Install
 
 ``` javascript
 import { Badge } from '@nutui/nutui-react';
 ```
 
-## 代码实例
+## Demo
 
-### 基本用法
+### Basic usage
 
 :::demo
 
@@ -43,7 +43,7 @@ export default App;
 
 :::
 
-### 最大值
+### Max Size
 
 :::demo
 
@@ -71,7 +71,7 @@ export default App;
 
 :::
 
-### 自定义颜色
+### Custom Color
 
 :::demo
 
@@ -106,7 +106,7 @@ export default App;
 
 :::
 
-### 自定义徽标内容
+### Custom context
 
 :::demo
 
@@ -134,7 +134,7 @@ export default App;
 
 :::
 
-### 自定义位置
+### Custom Position
 
 :::demo
 
@@ -162,7 +162,7 @@ export default App;
 
 :::
 
-### 独立展示
+### Display Alone
 
 :::demo
 
@@ -188,17 +188,17 @@ export default App;
 
 ### Props
 
-| 字段    | 说明                                       | 类型    | 默认值    |
+| Attribute    | Description                                       | Type    | Default    |
 |---------|--------------------------------------------|---------|-----------|
-| value   | 显示的内容                                 | String  | -         |
-| max     | value 为数值时，最大值                     | Number  | `10000`   |
-| z-index | 徽标的 z-index 值                          | Number  | `10`      |
-| dot     | 是否为小点                                 | Boolean | `false`   |
-| hidden  | 是否隐藏                                   | Boolean | `false`   |
-| top     | 上下偏移量，支持单位设置，可设置为：5px 等 | Number  | `0`       |
-| right   | 左右偏移量，支持单位设置，可设置为：5px 等 | Number  | `0`       |
-| color   | 徽标背景颜色                               | String  | `#fa2c19` |
-| icons   | 徽标自定义                               | String  | - |
+| value   | value to show                                 | String  | -         |
+| max     | when value is number, it's the max size                     | Number  | `10000`   |
+| z-index |  z-index                          | Number  | `10`      |
+| dot     | Is dotted                                 | Boolean | `false`   |
+| hidden  | Is hidden                                   | Boolean | `false`   |
+| top     | Up and down offset, support unit setting, can be set to: 5px, etc. | Number  | `0`       |
+| right   | Left and right offset, support unit setting, can be set to: 5px, etc. | Number  | `0`       |
+| color   | background color                                | String  | `#fa2c19` |
+| icons   | custom icons                               | String  | - |
 
 
 
diff --git a/src/packages/badge/doc.zh-TW.md b/src/packages/badge/doc.zh-TW.md
index 22a96fefa8..f781462f9d 100644
--- a/src/packages/badge/doc.zh-TW.md
+++ b/src/packages/badge/doc.zh-TW.md
@@ -1,16 +1,16 @@
-# Badge 徽标
+# Badge 徽標
 
-### 介绍
+### 介紹
 
 出现在图标或文字右上角的红色圆点、数字或者文字，表示有新内容或者待处理的信息。
 
-### 安装
+### 安裝
 
 ``` javascript
 import { Badge } from '@nutui/nutui-react';
 ```
 
-## 代码实例
+## 代碼實例
 
 ### 基本用法
 
@@ -43,7 +43,7 @@ import { Badge } from '@nutui/nutui-react';
 </Badge>
 ```
 
-### 自定义颜色
+### 自定義顏色
 
 ```tsx
 <Badge value={8} color="linear-gradient(315deg, rgba(73,143,242,1) 0%,rgba(73,101,242,1) 100%)">
@@ -60,7 +60,7 @@ import { Badge } from '@nutui/nutui-react';
 </Badge>
 ```
 
-### 自定义徽标内容
+### 自定義徽標內容
 
 ```tsx
 <Badge icon="checklist">
@@ -74,7 +74,7 @@ import { Badge } from '@nutui/nutui-react';
 </Badge>
 ```
 
-### 自定义位置
+### 自定義位置
 
 ```tsx
 <Badge value={8} top="5" right="5">
@@ -88,7 +88,7 @@ import { Badge } from '@nutui/nutui-react';
 </Badge>
 ```
 
-### 独立展示
+### 獨立展示
 
 ```tsx
 <Badge value={8}> </Badge>
@@ -100,17 +100,21 @@ import { Badge } from '@nutui/nutui-react';
 
 ### Props
 
-| 字段    | 说明                                       | 类型    | 默认值    |
+| 字段    | 說明                                       | 類型    | 默認值    |
 |---------|--------------------------------------------|---------|-----------|
-| value   | 显示的内容                                 | String  | -         |
-| max     | value 为数值时，最大值                     | Number  | `10000`   |
-| z-index | 徽标的 z-index 值                          | Number  | `10`      |
-| dot     | 是否为小点                                 | Boolean | `false`   |
-| hidden  | 是否隐藏                                   | Boolean | `false`   |
-| top     | 上下偏移量，支持单位设置，可设置为：5px 等 | Number  | `0`       |
-| right   | 左右偏移量，支持单位设置，可设置为：5px 等 | Number  | `0`       |
-| color   | 徽标背景颜色                               | String  | `#fa2c19` |
-| icons   | 徽标自定义                               | String  | - |
+| value   | 顯示的內容                                 | String  | -         |
+| max     | value 為數值時，最大值
+                     | Number  | `10000`   |
+| z-index | 徽標的 z-index 值
+                         | Number  | `10`      |
+| dot     | 是否為小點
+                                 | Boolean | `false`   |
+| hidden  | 是否隱藏
+                                   | Boolean | `false`   |
+| top     | 上下偏移量，支持單位設置，可設置為：5px 等 | Number  | `0`       |
+| right   | 左右偏移量，支持單位設置，可設置為：5px 等 | Number  | `0`       |
+| color   | 徽標背景顏色                               | String  | `#fa2c19` |
+| icons   | 徽標自定義                               | String  | - |