Translate buttons document

docs/en/AspNetCore/Tag-Helpers/Buttons.md

@@ -16,7 +16,6 @@ ABP framework has a special Tag Helper to create bootstrap button easily.
 * [`disabled`](#disabled)
 * [`icon-type`](#icon-type)
 
-
 ### `button-type`
 
 `button-type` is a selectable parameter. It's default value is `Default`.
@@ -89,7 +88,7 @@ You can choose one of the size type listed below.
 
 `icon-type` is a selectable parameter. It's default value is `FontAwesome`. You can create your own icon type provider and change it.
 
-You can choose one of the size type listed below.
+You can choose one of the icon type listed below.
 
 * `FontAwesome`
 * `Other`

docs/zh-Hans/AspNetCore/Tag-Helpers/Buttons.md

@@ -0,0 +1,94 @@
+# 按钮
+
+ABP框架定义了Tag Helper用于简单的创建bootstrap按钮.
+
+`<abp-button>`
+
+## 属性
+
+`<abp-button>` 有7个不同的属性.
+
+* [`button-type`](#button-type)
+* [`size`](#size)
+* [`busy-text`](#busy-text)
+* [`text`](#text)
+* [`icon`](#icon)
+* [`disabled`](#disabled)
+* [`icon-type`](#icon-type)
+
+### `button-type`
+
+`button-type` 是一个可选参数. 它的默认值是 `Default`.
+
+`<abp-button button-type="Primary">Button</abp-button>`
+
+你可以为按钮选择以下按钮类型:
+
+* `Default`
+* `Primary`
+* `Secondary`
+* `Success`
+* `Danger`
+* `Warning`
+* `Info`
+* `Light`
+* `Dark`
+* `Outline_Primary`
+* `Outline_Secondary`
+* `Outline_Success`
+* `Outline_Danger`
+* `Outline_Warning`
+* `Outline_Info`
+* `Outline_Light`
+* `Outline_Dark`
+* `Link`
+
+### `size`
+
+`size` 是一个可选参数. 它的默认值是 `Default`.
+
+`<abp-button size="Default">Button</abp-button>`
+
+你可以为按钮选择以下size类型:
+
+* `Default`
+* `Small`
+* `Medium`
+* `Large`
+* `Block`
+* `Block_Small`
+* `Block_Medium`
+* `Block_Large`
+
+### `busy-text`
+
+`busy-text` 是一个字符串类型参数. 当按钮繁忙时设置该文本.
+
+### `text`
+
+`text` 是一个字符串类型参数,显示在按钮上.
+
+### `icon`
+
+`icon` 是一个字符串类型参数. 它的值取决于[`icon-type`](#`icon-type`). 默认情况下,我们对图标使用[Font Awesome](https://fontawesome.com/). 要使用它,你需要将 `icon` 参数设置为图标名称. 
+
+##### 示例
+
+[fa-address-card](https://fontawesome.com/icons/address-card): ![fa-address-card](fa-address-card.png "Address Card")
+
+`<abp-button icon="address-card" text="Address" />`
+
+> 不要忘记: 你不需要写前缀,如果你没有更改 `icon-type` ,它会为[Font Awesome](https://fontawesome.com/)图标自动添加 `fa` 前缀.
+
+### `disabled`
+
+`disabled` 是一个布尔类型参数. 如果你设值为 `true`, 按钮会被禁用.
+
+### `icon-type`
+
+`icon-type` 是一个可选参数。它的默认值是 `FontAwesome`. 你可以创建自己的图标类型提供程序并更改它.
+
+你可以为按钮选择以下图标类型:
+
+* `FontAwesome`
+* `Other`

docs/zh-Hans/AspNetCore/Tag-Helpers/Index.md

@@ -1,3 +1,3 @@
 ## ABP Tag Helpers
 
-"ABP tag helpers" 目前还没有文档. 你现在可以看到[组件演示](http://bootstrap-taghelpers.abp.io/).
+"ABP tag helpers" 文档还在创建中. 你现在可以参阅[组件演示](http://bootstrap-taghelpers.abp.io/).

docs/zh-Hans/docs-nav.json

@@ -198,7 +198,8 @@
               "text": "领域服务"
             },
             {
-              "text": "规约"
+              "text": "规约",
+              "path": "Specifications.md"
             }
           ]
         },
@@ -248,7 +249,16 @@
             },
             {
               "text": "Tag Helpers",
-              "path": "AspNetCore/Tag-Helpers/Index.md"
+              "items":[
+                {
+                  "text": "在线演示",
+                  "path": "AspNetCore/Tag-Helpers/Index.md"
+                },
+                {
+                  "text": "按钮",
+                  "path": "AspNetCore/Tag-Helpers/Buttons.md"
+                }
+              ]
             },
             {
               "text": "仪表板和小部件(Widget)系统",