[Doc] new theme

2019-05-15 20:53:04 +08:00
parent 3cae4288f2
commit d0f4169c86
130 changed files with 1460 additions and 1147 deletions
@@ -1,16 +1,20 @@
-## Picker
+# Picker
+
+### Intro
+
 The Picker component is usually used with [Popup](#/en-US/popup) Component.

 ### Install
+
 ``` javascript
 import { Picker } from 'vant';

 Vue.use(Picker);
 ```

-### Usage
+## Usage

-#### Basic Usage
+### Basic Usage

 ```html
 <van-picker :columns="columns" @change="onChange" />
@@ -31,7 +35,7 @@ export default {
 };
 ```

-#### Default Index
+### Default Index

 ```html
 <van-picker
@@ -41,7 +45,7 @@ export default {
 />
 ```

-#### Show Toolbar
+### Show Toolbar

 ```html
 <van-picker
@@ -71,7 +75,7 @@ export default {
 };
 ```

-#### Disable option
+### Disable option

 ```html
 <van-picker :columns="columns" />
@@ -91,7 +95,7 @@ export default {
 };
 ```

-#### Multi columns
+### Multi columns

 ```html
 <van-picker :columns="columns" @change="onChange" />
@@ -127,13 +131,16 @@ export default {
 };
 ```

-#### Loading
+### Loading
+
 When Picker columns data is acquired asynchronously, use `loading` prop to show loading prompt

 ```html
 <van-picker :columns="columns" loading />
 ```

+## API
+
 ### Props

 | Attribute | Description | Type | Default |
@@ -1,16 +1,20 @@
-## Picker 选择器
+# Picker 选择器
+
+### 介绍
+
 选择器组件通常与 [弹出层](#/zh-CN/popup) 组件配合使用

-### 使用指南
+### 引入
+
 ``` javascript
 import { Picker } from 'vant';

 Vue.use(Picker);
 ```

-### 代码演示
+## 代码演示

-#### 基础用法
+### 基础用法

 对于单列选择器，传入数值格式的 columns 即可，同时可以监听选项改变的 change 事件

@@ -33,7 +37,7 @@ export default {
 };
 ```

-#### 默认选中项
+### 默认选中项

 单列选择器可以直接通过`default-index`属性设置初始选中项的索引值

@@ -45,7 +49,7 @@ export default {
 />
 ```

-#### 展示顶部栏
+### 展示顶部栏

 通常选择器组件会传入`show-toolbar`属性以展示顶部操作栏，并可以监听对应的`confirm`和`cancel`事件

@@ -77,7 +81,7 @@ export default {
 };
 ```

-#### 禁用选项
+### 禁用选项

 选项可以为对象结构，通过设置 disabled 来禁用该选项

@@ -99,7 +103,7 @@ export default {
 };
 ```

-#### 多列联动
+### 多列联动

 ```html
 <van-picker :columns="columns" @change="onChange" />
@@ -135,7 +139,7 @@ export default {
 };
 ```

-#### 加载状态
+### 加载状态

 若选择器数据是异步获取的，可以通过 `loading` 属性显示加载提示

@@ -143,6 +147,8 @@ export default {
 <van-picker :columns="columns" loading />
 ```

+## API
+
 ### Props

 | 参数 | 说明 | 类型 | 默认值 | 版本 |