[Doc] new theme
This commit is contained in:
@@ -1,6 +1,7 @@
|
||||
## GoodsAction
|
||||
# GoodsAction
|
||||
|
||||
### Install
|
||||
|
||||
``` javascript
|
||||
import {
|
||||
GoodsAction,
|
||||
@@ -14,8 +15,9 @@ Vue
|
||||
.use(GoodsActionIcon);
|
||||
```
|
||||
|
||||
### Usage
|
||||
#### Basic Usage
|
||||
## Usage
|
||||
|
||||
### Basic Usage
|
||||
|
||||
```html
|
||||
<van-goods-action>
|
||||
@@ -55,7 +57,7 @@ export default {
|
||||
}
|
||||
```
|
||||
|
||||
#### Icon info
|
||||
### Icon info
|
||||
|
||||
Use `info` prop to show messages in upper right corner of icon
|
||||
|
||||
@@ -85,14 +87,15 @@ Use `info` prop to show messages in upper right corner of icon
|
||||
</van-goods-action>
|
||||
```
|
||||
|
||||
### Props
|
||||
## API
|
||||
|
||||
#### GoodsAction
|
||||
### GoodsAction Props
|
||||
|
||||
| Attribute | Description | Type | Default |
|
||||
|------|------|------|------|
|
||||
| safe-area-inset-bottom | Whether to enable bottom safe area adaptation, to enable those features use `viewport-fit=cover` in the `viewport` meta tag | `Boolean` | `false` |
|
||||
|
||||
#### GoodsActionIcon
|
||||
### GoodsActionIcon Props
|
||||
|
||||
| Attribute | Description | Type | Default |
|
||||
|------|------|------|------|
|
||||
@@ -104,7 +107,7 @@ Use `info` prop to show messages in upper right corner of icon
|
||||
| to | Target route of the link, same as to of `vue-router` | `String | Object` | - |
|
||||
| replace | If true, the navigation will not leave a history record | `Boolean` | `false` |
|
||||
|
||||
#### GoodsActionButton
|
||||
### GoodsActionButton Props
|
||||
|
||||
| Attribute | Description | Type | Default |
|
||||
|------|------|------|------|
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
## GoodsAction 商品导航
|
||||
# GoodsAction 商品导航
|
||||
|
||||
### 引入
|
||||
|
||||
### 使用指南
|
||||
``` javascript
|
||||
import {
|
||||
GoodsAction,
|
||||
@@ -14,8 +15,9 @@ Vue
|
||||
.use(GoodsActionButton);
|
||||
```
|
||||
|
||||
### 代码演示
|
||||
#### 基础用法
|
||||
## 代码演示
|
||||
|
||||
### 基础用法
|
||||
|
||||
```html
|
||||
<van-goods-action>
|
||||
@@ -55,7 +57,8 @@ export default {
|
||||
}
|
||||
```
|
||||
|
||||
#### 图标提示
|
||||
### 图标提示
|
||||
|
||||
通过`info`属性在图标右上角增加相应的提示
|
||||
|
||||
```html
|
||||
@@ -84,15 +87,15 @@ export default {
|
||||
</van-goods-action>
|
||||
```
|
||||
|
||||
### Props
|
||||
## API
|
||||
|
||||
#### GoodsAction
|
||||
### GoodsAction Props
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|
||||
|------|------|------|------|------|
|
||||
| safe-area-inset-bottom | 是否开启 iPhone X 底部安全区适配,需要在 `viewport` meta 标签中设置 `viewport-fit=cover` | `Boolean` | `false` | 1.6.15 |
|
||||
|
||||
#### GoodsActionIcon
|
||||
### GoodsActionIcon Props
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|
||||
|------|------|------|------|------|
|
||||
@@ -104,7 +107,7 @@ export default {
|
||||
| to | 路由跳转对象,同 `vue-router` 的 to | `String | Object` | - | - |
|
||||
| replace | 跳转时是否替换当前页面历史 | `Boolean` | `false` | - |
|
||||
|
||||
#### GoodsActionButton
|
||||
### GoodsActionButton Props
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|
||||
|------|------|------|------|------|
|
||||
|
||||
Reference in New Issue
Block a user