mirror of
https://github.com/youzan/vant.git
synced 2026-04-17 02:06:57 +08:00
[Doc] new theme
This commit is contained in:
@@ -1,14 +1,16 @@
|
||||
## Sku
|
||||
# Sku
|
||||
|
||||
### Install
|
||||
|
||||
```javascript
|
||||
import { Sku } from 'vant';
|
||||
|
||||
Vue.use(Sku);
|
||||
```
|
||||
|
||||
### Usage
|
||||
#### Basic Usage
|
||||
## Usage
|
||||
|
||||
### Basic Usage
|
||||
|
||||
```html
|
||||
<van-sku
|
||||
@@ -29,7 +31,7 @@ Vue.use(Sku);
|
||||
/>
|
||||
```
|
||||
|
||||
#### Custom Stepper Config
|
||||
### Custom Stepper Config
|
||||
|
||||
```html
|
||||
<van-sku
|
||||
@@ -46,7 +48,7 @@ Vue.use(Sku);
|
||||
/>
|
||||
```
|
||||
|
||||
#### Advanced Usage
|
||||
### Advanced Usage
|
||||
|
||||
```html
|
||||
<van-sku
|
||||
@@ -96,6 +98,8 @@ Vue.use(Sku);
|
||||
</van-sku>
|
||||
```
|
||||
|
||||
## API
|
||||
|
||||
### Props
|
||||
|
||||
| Attribute | Description | Type | Default |
|
||||
@@ -150,9 +154,7 @@ Use ref to get sku instance and call instance methods
|
||||
| sku-messages | Custom messages |
|
||||
| sku-actions | Custom button actions |
|
||||
|
||||
#### Data Structure
|
||||
|
||||
#### Sku Data Structure
|
||||
### Sku Data Structure
|
||||
|
||||
```javascript
|
||||
sku: {
|
||||
@@ -201,7 +203,7 @@ sku: {
|
||||
}
|
||||
```
|
||||
|
||||
#### initialSku Data Structure
|
||||
### initialSku Data Structure
|
||||
|
||||
```javascript
|
||||
{
|
||||
@@ -213,7 +215,7 @@ sku: {
|
||||
}
|
||||
```
|
||||
|
||||
#### Goods Data Structure
|
||||
### Goods Data Structure
|
||||
|
||||
```javascript
|
||||
goods: {
|
||||
@@ -223,7 +225,7 @@ goods: {
|
||||
```
|
||||
|
||||
|
||||
#### customStepperConfig Data Structure
|
||||
### customStepperConfig Data Structure
|
||||
|
||||
```javascript
|
||||
customStepperConfig: {
|
||||
@@ -249,7 +251,7 @@ customStepperConfig: {
|
||||
}
|
||||
```
|
||||
|
||||
#### messageConfig Data Structure
|
||||
### messageConfig Data Structure
|
||||
|
||||
```javascript
|
||||
messageConfig: {
|
||||
@@ -270,7 +272,7 @@ messageConfig: {
|
||||
}
|
||||
```
|
||||
|
||||
#### Events Params Data Structure
|
||||
### Events Params Data Structure
|
||||
|
||||
```javascript
|
||||
skuData: {
|
||||
|
||||
@@ -1,15 +1,16 @@
|
||||
## Sku 商品规格
|
||||
# Sku 商品规格
|
||||
|
||||
### 引入
|
||||
|
||||
### 使用指南
|
||||
```javascript
|
||||
import { Sku } from 'vant';
|
||||
|
||||
Vue.use(Sku);
|
||||
```
|
||||
|
||||
### 代码演示
|
||||
## 代码演示
|
||||
|
||||
#### 基础用法
|
||||
### 基础用法
|
||||
|
||||
```html
|
||||
<van-sku
|
||||
@@ -30,7 +31,7 @@ Vue.use(Sku);
|
||||
/>
|
||||
```
|
||||
|
||||
#### 自定义步进器
|
||||
### 自定义步进器
|
||||
|
||||
```html
|
||||
<van-sku
|
||||
@@ -47,7 +48,7 @@ Vue.use(Sku);
|
||||
/>
|
||||
```
|
||||
|
||||
#### 高级用法
|
||||
### 高级用法
|
||||
|
||||
```html
|
||||
<van-sku
|
||||
@@ -97,6 +98,8 @@ Vue.use(Sku);
|
||||
</van-sku>
|
||||
```
|
||||
|
||||
## API
|
||||
|
||||
### Props
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|
||||
@@ -155,9 +158,7 @@ Sku 组件默认划分好了若干区块,这些区块都定义成了插槽,
|
||||
| sku-messages | 商品留言区 |
|
||||
| sku-actions | 操作按钮区 |
|
||||
|
||||
### 数据结构
|
||||
|
||||
#### sku 对象结构
|
||||
### sku 对象结构
|
||||
|
||||
```javascript
|
||||
sku: {
|
||||
@@ -210,7 +211,7 @@ sku: {
|
||||
}
|
||||
```
|
||||
|
||||
#### initialSku 对象结构
|
||||
### initialSku 对象结构
|
||||
|
||||
```javascript
|
||||
{
|
||||
@@ -223,7 +224,7 @@ sku: {
|
||||
}
|
||||
```
|
||||
|
||||
#### goods 对象结构
|
||||
### goods 对象结构
|
||||
|
||||
```javascript
|
||||
goods: {
|
||||
@@ -234,7 +235,7 @@ goods: {
|
||||
}
|
||||
```
|
||||
|
||||
#### customStepperConfig 对象结构
|
||||
### customStepperConfig 对象结构
|
||||
|
||||
```javascript
|
||||
customStepperConfig: {
|
||||
@@ -260,7 +261,7 @@ customStepperConfig: {
|
||||
}
|
||||
```
|
||||
|
||||
#### messageConfig Data Structure
|
||||
### messageConfig Data Structure
|
||||
|
||||
```javascript
|
||||
messageConfig: {
|
||||
@@ -281,7 +282,7 @@ messageConfig: {
|
||||
}
|
||||
```
|
||||
|
||||
#### 添加购物车和点击购买回调函数接收的 skuData 对象结构
|
||||
### 添加购物车和点击购买回调函数接收的 skuData 对象结构
|
||||
|
||||
```javascript
|
||||
skuData: {
|
||||
|
||||
Reference in New Issue
Block a user