[Doc] new theme

This commit is contained in:
陈嘉涵
2019-05-15 20:53:04 +08:00
parent 3cae4288f2
commit d0f4169c86
130 changed files with 1460 additions and 1147 deletions
+9 -6
View File
@@ -1,15 +1,16 @@
## NoticeBar
# NoticeBar
### Install
``` javascript
import { NoticeBar } from 'vant';
Vue.use(NoticeBar);
```
### Usage
## Usage
#### Basic Usage
### Basic Usage
```html
<van-notice-bar
@@ -18,7 +19,7 @@ Vue.use(NoticeBar);
/>
```
#### Disable scroll
### Disable scroll
```html
<van-notice-bar :scrollable="false">
@@ -26,7 +27,7 @@ Vue.use(NoticeBar);
</van-notice-bar>
```
#### Wrapable
### Wrapable
```html
<van-notice-bar wrapable :scrollable="false">
@@ -34,7 +35,7 @@ Vue.use(NoticeBar);
</van-notice-bar>
```
#### Mode
### Mode
```html
<van-notice-bar mode="closeable">
@@ -58,6 +59,8 @@ Vue.use(NoticeBar);
</van-notice-bar>
```
## API
### Props
| Attribute | Description | Type | Default |
+10 -7
View File
@@ -1,15 +1,16 @@
## NoticeBar 通知栏
# NoticeBar 通知栏
### 引入
### 使用指南
``` javascript
import { NoticeBar } from 'vant';
Vue.use(NoticeBar);
```
### 代码演示
## 代码演示
#### 基础用法
### 基础用法
```html
<van-notice-bar
@@ -18,7 +19,7 @@ Vue.use(NoticeBar);
/>
```
#### 禁用滚动
### 禁用滚动
文字内容多于一行时,可通过`scrollable`参数控制是否开启滚动
@@ -28,7 +29,7 @@ Vue.use(NoticeBar);
</van-notice-bar>
```
#### 多行展示
### 多行展示
禁用滚动时,可以设置`wrapable`来开启多行展示
@@ -38,7 +39,7 @@ Vue.use(NoticeBar);
</van-notice-bar>
```
#### 通知栏模式
### 通知栏模式
默认模式为空,支持`closeable`和`link`两种模式
@@ -66,6 +67,8 @@ Vue.use(NoticeBar);
</van-notice-bar>
```
## API
### Props
| 参数 | 说明 | 类型 | 默认值 | 版本 |