diff --git a/public/docset/ui/icons.md b/public/docset/ui/icons.md
index c1df8ed..c024e3f 100644
--- a/public/docset/ui/icons.md
+++ b/public/docset/ui/icons.md
@@ -3,12 +3,11 @@
### 使用
diff --git a/public/docset/ui/wc-button.md b/public/docset/ui/wc-button.md
index 8847084..929cbec 100644
--- a/public/docset/ui/wc-button.md
+++ b/public/docset/ui/wc-button.md
@@ -1,121 +1,132 @@
-
-
## WC-BUTTON
> 常用的按钮组件。
### 基础用法
-
+
+
+import '//jscdn.ink/@bd/ui/latest/space/index.js'
+import '//jscdn.ink/@bd/ui/latest/form/button.js'
+
+
+
Primary Button
Info Button
Success Button
Warning Button
-
-
+
+
Normal Button
Help Button
Secondary Button
Danger Button
-
+
+
+
### 尺寸大小
-5种尺寸规则的按钮, 如果不满足自己的需求, 可以自行设置`width`和`height`。
+6种尺寸规则的按钮, 如果不满足自己的需求, 可以自行设置`width`和`height`。
-```html
-xxxl Size
-xxl Size
-xl Size
-Deault Size
-Medium Size
-small Size
-```
-
-
+
+
+import '//jscdn.ink/@bd/ui/latest/space/index.js'
+import '//jscdn.ink/@bd/ui/latest/form/button.js'
+
+
+
xxxl Size
xxl Size
xl Size
Deault Size
Medium Size
small Size
-
+
+
+
+
+
+### 颜色&样式&形状
+可通过设置`type`属性修改按钮样式, 还可通过`solid`属性将按钮改成实心, 另外, `round`和`circle`这2个属性, 可以让按钮变成圆角和圆形。
+
+如果有其他半径需求, 可以直接通过css设置`border-radius`。
+
+
+`注:` circle属性会让移除掉按钮内文字, 只能用图标
+
+
+
+
+import '//jscdn.ink/@bd/ui/latest/space/index.js'
+import '//jscdn.ink/@bd/ui/latest/form/button.js'
+
+
+
+ type=info
+ type=info
+ type=info
+ type=info
+
+
+ 圆角矩形
+
+
+
+
+
+
### 状态
按钮有2种状态, `loading` 和 `disabled`, 这2种状态下, 都不能点击, 也无法获取焦点。
-```html
-Loading Status
-Disabled Status
-Loading Status
-Disabled Status
-```
-
-
-
+
+
+import '//jscdn.ink/@bd/ui/latest/space/index.js'
+import '//jscdn.ink/@bd/ui/latest/form/button.js'
+
+
+
Loading Status
Disabled Status
- Loading Status
- Disabled Status
-
+ Loading Status
+ Disabled Status
+
+
+
+
### 图标
按钮可通过`icon`属性, 增加前置图标, 图标的名字, 参考前面的章节。
-```html
-编辑
-删除
-静态菊花图标
-动态加载图标
-提交
-```
-
-
+
+
+import '//jscdn.ink/@bd/ui/latest/space/index.js'
+import '//jscdn.ink/@bd/ui/latest/form/button.js'
+
+
+
编辑
删除
静态菊花图标
动态加载图标
提交
-
+
+
+
-### 特殊属性
-有2个特殊属性`round`和`circle`, 可以控制按钮的圆角半径, 如果有其他半径需求, 可以直接通过css设置`border-radius`。
-
-`注:` circle属性会让移除掉按钮内文字, 只能用图标
-
-```html
-圆角矩形
-圆角矩形
-圆角矩形
-
-
-
-```
-
-
- 圆角矩形
- 圆角矩形
- 圆角矩形
-
-
-
-
### 完整APIs
| 属性 | 值类型 | 默认值 | 描述 |
| :-: | :-: | :-: | - |
-| type | String | 无 | 按钮类型, 仅能决定按钮的颜色, 无额外作用, 可选值有: primary、info、success、warning、default、inverse、danger |
-| size | String | default | 按钮尺寸, 可选值有: large、medium、small、mini |
-| loading | Boolean | false | 按钮的加载状态, 为true时, 按钮会呈现loading动画, 且按钮点击事件无效 |
-| disbaled | Boolean | false | 按钮的禁用状态, 为true时, 按钮点击事件无效 |
+| type | String | 无 | 按钮类型, 仅能决定按钮的颜色, 无额外作用, 可选值有: `primary、info、success、warning、default、secondary、danger` |
+| size | String | default | 按钮尺寸, 可选值有: `xxxl、xxl、xl、l、m、s` |
+| loading | Boolean | false | 按钮的加载状态, 为`true`时, 按钮会呈现loading动画, 且按钮点击事件无效 |
+| disbaled | Boolean | false | 按钮的禁用状态, 为`true`时, 按钮点击事件无效 |
| icon | String | 无 | 为按钮设置前置图标 |
| round | 无 | 无 | 为按钮设置大圆角半径。 不需要赋值 |
| circle | 无 | 无 | 设置为正圆按钮, 且会让文字失效。 不需要赋值 |
diff --git a/src/pages/@wcui/docs/app.vue b/src/pages/@wcui/docs/app.vue
index 5f4d263..de4e370 100644
--- a/src/pages/@wcui/docs/app.vue
+++ b/src/pages/@wcui/docs/app.vue
@@ -68,10 +68,12 @@ a {
.content {
flex: 1;
+ /* max-width: 1024px; */
height: 100%;
}
.detail {
width: calc(100vw - 284px);
+ max-width: 960px;
margin: 32px;
}