From 713b31f79989eec8f955c9ee7b5aab879a1d7053 Mon Sep 17 00:00:00 2001 From: chenjiahan Date: Sat, 21 Mar 2020 06:49:40 +0800 Subject: [PATCH] docs(Button): adjust demo order --- example/pages/button/index.wxml | 102 ++++++++++++++++---------------- packages/button/README.md | 30 +++++----- 2 files changed, 65 insertions(+), 67 deletions(-) diff --git a/example/pages/button/index.wxml b/example/pages/button/index.wxml index 6d986b8b..f9dce720 100644 --- a/example/pages/button/index.wxml +++ b/example/pages/button/index.wxml @@ -1,61 +1,59 @@ + + + 默认按钮 + 主要按钮 + 信息按钮 + + 危险按钮 + 警告按钮 + - - - 默认按钮 - 主要按钮 - 信息按钮 - - 危险按钮 - 警告按钮 - + + 朴素按钮 + 朴素按钮 + - - 朴素按钮 - 朴素按钮 - + + 细边框按钮 + 细边框按钮 + - - 细边框按钮 - 细边框按钮 - + + 禁用状态 + 禁用状态 + - - 禁用状态 - 禁用状态 - + + + + + - - - - - + + 方形按钮 + 圆形按钮 + - - 方形按钮 - 圆形按钮 - + + + 按钮 + 按钮 + - - - 按钮 - 按钮 - + + 大号按钮 + 普通按钮 + 小型按钮 + 迷你按钮 + - - 大号按钮 - 普通按钮 - 小型按钮 - 迷你按钮 - - - - 单色按钮 - 单色按钮 - 渐变色按钮 - - - - 普通按钮 - 块级元素 - + + 普通按钮 + 块级元素 + + + 单色按钮 + 单色按钮 + 渐变色按钮 + diff --git a/packages/button/README.md b/packages/button/README.md index e8678d1f..537be3d7 100644 --- a/packages/button/README.md +++ b/packages/button/README.md @@ -59,6 +59,13 @@ ``` +### 按钮形状 + +```html +方形按钮 +圆形按钮 +``` + ### 图标按钮 通过`icon`属性设置按钮图标，支持 Icon 组件里的所有图标，也可以传入图标 URL @@ -69,13 +76,6 @@ 按钮 ``` -### 按钮形状 - -```html -方形按钮 -圆形按钮 -``` - ### 按钮尺寸 支持`large`、`normal`、`small`、`mini`四种尺寸，默认为`normal` @@ -87,6 +87,14 @@ 迷你按钮 ``` +### 块级元素 + +通过`block`属性可以将按钮的元素类型设置为块级元素 + +```html +块级元素 +``` + ### 自定义颜色 通过`color`属性可以自定义按钮的颜色 @@ -97,14 +105,6 @@ 渐变色按钮 ``` -### 块级元素 - -通过`block`属性可以将按钮的元素类型设置为块级元素 - -```html -块级元素 -``` - ## API ### Props