1.DefSteps
image.png
<DefSteps :steps="stepList" :cur-step="curstep"></DefSteps>
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| steps | 所有步骤 | Array | [ ] |
| cur-step | 当前步骤 | Number | 0 |
steps = [
{ name: '提交订单', time: '2019-03-29 16:00:31' },
{ name: '支付订单', time: '2019-03-29 16:00:32' },
{ name: '买家成团', time: ''},
{ name: '平台发货', time: '' },
{ name: '确认收货', time: '' },
{ name: '订单完成', time: '' }
]
2.SelectList
image.png
<SelectList :selectList="selectList" @selectChange="selectChange" type='single'></SelectList>
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| selectList | 所有选项 | Array | - | [ ] |
| selectChange | 选中项改变时,触发的方法 | function | - | - |
| type | 类型（单选or多选） | String | "single" or "multiple" | "single" |
selectList=[
{ name: '全部订单', num: 0, type: '', selected: true },
{ name: '待付款', num: 0, type: '0' },
{ name: '待发货', num: 0, type: '1' },
{ name: '已发货', num: 0, type: '2' },
{ name: '售后中', num: 0, type: '3' },
{ name: '已关闭', num: 0, type: '4' },
{ name: '已取消', num: 0, type: '5' },
{ name: '已完成', num: 0, type: '6' }
],
selectList 数组传入格式：
| 参数 | 说明 | 类型 |
|---|---|---|
| name | 选项名称 | String |
| num | 显示数值 | number |
| type | 相当于id,可根据需要自行定义该字段 | - |
| selected | 选中项 | boolean |
