[Doc] remove Accepted Values (#990)
This commit is contained in:
@@ -66,14 +66,14 @@ export default {
|
||||
|
||||
### API
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|
||||
|-----------|-----------|-----------|-------------|-------------|
|
||||
| actions | 行动按钮数组 | `Array` | `[]` | - |
|
||||
| title | 标题 | `String` | - | - |
|
||||
| cancel-text | 取消按钮文案 | `String` | - | - |
|
||||
| overlay | 是否显示遮罩 | `Boolean` | - | - |
|
||||
| close-on-click-overlay | 点击遮罩是否关闭`Actionsheet` | `Boolean` | - | - |
|
||||
| get-container | 指定挂载的 HTML 节点 | `Function` | - | `() => HTMLElement` |
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
|-----------|-----------|-----------|-------------|
|
||||
| actions | 行动按钮数组 | `Array` | `[]` |
|
||||
| title | 标题 | `String` | - |
|
||||
| cancel-text | 取消按钮文案 | `String` | - |
|
||||
| overlay | 是否显示遮罩 | `Boolean` | - |
|
||||
| close-on-click-overlay | 点击遮罩是否关闭`Actionsheet` | `Boolean` | - |
|
||||
| get-container | 指定挂载的 HTML 节点 | `() => HTMLElement` | - |
|
||||
|
||||
### Event
|
||||
|
||||
|
||||
@@ -57,18 +57,18 @@ export default {
|
||||
|
||||
### API
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|
||||
|-----------|-----------|-----------|-------------|-------------|
|
||||
| area-list | 地区列表 | `Object` | - | - |
|
||||
| address-info | 收货人信息 | `Object` | `{}` | - |
|
||||
| search-result | 详细地址搜索结果 | `Array` | `[]` | - |
|
||||
| show-postal | 是否显示邮政编码 | `Boolean` | `false` | - |
|
||||
| show-delete | 是否显示删除按钮 | `Boolean` | `false` | - |
|
||||
| show-set-default | 是否显示默认地址栏 | `Boolean` | `false` | - |
|
||||
| show-search-result | 是否显示搜索结果 | `Boolean` | `false` | - |
|
||||
| is-saving | 是否显示保存按钮加载动画 | `Boolean` | `false` | - |
|
||||
| is-deleting | 是否显示删除按钮加载动画 | `Boolean` | `false` | - |
|
||||
| tel-validator | 手机号格式校验函数 | `(tel: string) => boolean` | - | - |
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
|-----------|-----------|-----------|-------------|
|
||||
| area-list | 地区列表 | `Object` | - |
|
||||
| address-info | 收货人信息 | `Object` | `{}` |
|
||||
| search-result | 详细地址搜索结果 | `Array` | `[]` |
|
||||
| show-postal | 是否显示邮政编码 | `Boolean` | `false` |
|
||||
| show-delete | 是否显示删除按钮 | `Boolean` | `false` |
|
||||
| show-set-default | 是否显示默认地址栏 | `Boolean` | `false` |
|
||||
| show-search-result | 是否显示搜索结果 | `Boolean` | `false` |
|
||||
| is-saving | 是否显示保存按钮加载动画 | `Boolean` | `false` |
|
||||
| is-deleting | 是否显示删除按钮加载动画 | `Boolean` | `false` |
|
||||
| tel-validator | 手机号格式校验函数 | `(tel: string) => boolean` | - |
|
||||
|
||||
### Event
|
||||
|
||||
|
||||
@@ -56,11 +56,11 @@ export default {
|
||||
|
||||
### API
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|
||||
|-----------|-----------|-----------|-------------|-------------|
|
||||
| v-model | 当前选中地址的 id | String | - | - |
|
||||
| list | 地址列表 | Array | `[]` | - |
|
||||
| add-button-text | 底部按钮文字 | String | `新增收货地址` | - |
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
|-----------|-----------|-----------|-------------|
|
||||
| v-model | 当前选中地址的 id | String | - |
|
||||
| list | 地址列表 | Array | `[]` |
|
||||
| add-button-text | 底部按钮文字 | String | `新增收货地址` |
|
||||
|
||||
### Event
|
||||
|
||||
|
||||
@@ -37,15 +37,15 @@ Vue.use(Area);
|
||||
|
||||
### API
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|
||||
| --- | --- | --- | --- | --- |
|
||||
| value | 当前选中的省市区`code` | `String` | - | - |
|
||||
| title | 顶部栏标题 | `String` | `''` | - |
|
||||
| area-list | 省市县数据,格式见下方 | `Object` | - | - |
|
||||
| columns-num | 省市县显示列数,3-省市县,2-省市,1-省 | `String`,`Number` | `3` | - |
|
||||
| loading | 是否显示加载状态 | `Boolean` | `false` | - |
|
||||
| item-height | 选项高度 | `Number` | `44` | - |
|
||||
| visible-item-count | 可见的选项个数 | `Number` | `5` | - |
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
| --- | --- | --- | --- |
|
||||
| value | 当前选中的省市区`code` | `String` | - |
|
||||
| title | 顶部栏标题 | `String` | - |
|
||||
| area-list | 省市县数据,格式见下方 | `Object` | - |
|
||||
| columns-num | 省市县显示列数,3-省市县,2-省市,1-省 | `String | Number` | `3` |
|
||||
| loading | 是否显示加载状态 | `Boolean` | `false` |
|
||||
| item-height | 选项高度 | `Number` | `44` |
|
||||
| visible-item-count | 可见的选项个数 | `Number` | `5` |
|
||||
|
||||
### Event
|
||||
|
||||
|
||||
@@ -40,13 +40,13 @@ export default {
|
||||
|
||||
### BadgeGroup API
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|
||||
|-----------|-----------|-----------|-------------|-------------|
|
||||
| active-key | 选中`badge`的索引 | `String | Number` | `0` | - |
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
|-----------|-----------|-----------|-------------|
|
||||
| active-key | 选中`badge`的索引 | `String | Number` | `0` |
|
||||
|
||||
### Badge API
|
||||
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|
||||
|-----------|-----------|-----------|-------------|-------------|
|
||||
| title | 内容 | `String` | `''` | - |
|
||||
| info | 提示消息 | `String | Number` | `''` | - |
|
||||
| url | 跳转链接 | `String` | - | - |
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
|-----------|-----------|-----------|-------------|
|
||||
| title | 内容 | `String` | `''` |
|
||||
| info | 提示消息 | `String | Number` | `''` |
|
||||
| url | 跳转链接 | `String` | - |
|
||||
|
||||
@@ -41,15 +41,15 @@ Vue.use(Card);
|
||||
|
||||
### API
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|
||||
|-----------|-----------|-----------|-------------|-------------|
|
||||
| thumb | 左侧图片 | `String` | - | - |
|
||||
| title | 标题 | `String` | - | - |
|
||||
| desc | 描述 | `String` | - | - |
|
||||
| num | 商品数量 | `String | Number` | - | - |
|
||||
| price | 商品价格 | `String | Number` | - | - |
|
||||
| centered | 内容是否垂直居中 | `String` | `false` | - |
|
||||
| currency | 货币符号 | `String` | `¥` | - |
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
|-----------|-----------|-----------|-------------|
|
||||
| thumb | 左侧图片 | `String` | - |
|
||||
| title | 标题 | `String` | - |
|
||||
| desc | 描述 | `String` | - |
|
||||
| num | 商品数量 | `String | Number` | - |
|
||||
| price | 商品价格 | `String | Number` | - |
|
||||
| centered | 内容是否垂直居中 | `String` | `false` |
|
||||
| currency | 货币符号 | `String` | `¥` |
|
||||
|
||||
### Slot
|
||||
|
||||
|
||||
@@ -58,11 +58,11 @@ export default {
|
||||
|
||||
### API
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|
||||
|-----------|-----------|-----------|-------------|-------------|
|
||||
| left-width | 左侧滑动区域宽度 | `Number` | `0` | - |
|
||||
| right-width | 右侧滑动区域宽度 | `Number` | `0` | - |
|
||||
| on-close | 关闭时的回调函数 | `Function` | - | - |
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
|-----------|-----------|-----------|-------------|
|
||||
| left-width | 左侧滑动区域宽度 | `Number` | `0` |
|
||||
| right-width | 右侧滑动区域宽度 | `Number` | `0` |
|
||||
| on-close | 关闭时的回调函数 | `Function` | - |
|
||||
|
||||
### Slot
|
||||
|
||||
|
||||
+17
-17
@@ -69,26 +69,26 @@ Vue.use(Cell).use(CellGroup);
|
||||
|
||||
### CellGroup API
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|
||||
|-----------|-----------|-----------|-------------|-------------|
|
||||
| border | 是否显示外边框 | `Boolean` | `true` | - |
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
|-----------|-----------|-----------|-------------|
|
||||
| border | 是否显示外边框 | `Boolean` | `true` |
|
||||
|
||||
### Cell API
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|
||||
|-----------|-----------|-----------|-------------|-------------|
|
||||
| icon | 左侧图标 | `String` | - | - |
|
||||
| title | 左侧标题 | `String` | - | - |
|
||||
| value | 右侧内容 | `String` | - | - |
|
||||
| label | 标题下方的描述信息 | `String` | - | - |
|
||||
| border | 是否显示内边框 | `Boolean` | `true` | - |
|
||||
| center | 是否使内容垂直居中 | `Boolean` | `false` | - |
|
||||
| url | 跳转链接 | `String` | - | - |
|
||||
| to | 路由跳转对象,同 `vue-router` 的 to | `String | Object` | - | - |
|
||||
| replace | 跳转时是否替换当前 history | `String` | `false` | - |
|
||||
| clickable | 是否开启点击反馈 | `Boolean` | `false` | - |
|
||||
| is-link | 是否展示右侧箭头并开启点击反馈 | `Boolean` | `false` | - |
|
||||
| required | 是否显示表单必填星号 | `Boolean` | `false` | - |
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
|-----------|-----------|-----------|-------------|
|
||||
| icon | 左侧图标 (可选值见 Icon 组件) | `String` | - |
|
||||
| title | 左侧标题 | `String` | - |
|
||||
| value | 右侧内容 | `String` | - |
|
||||
| label | 标题下方的描述信息 | `String` | - |
|
||||
| border | 是否显示内边框 | `Boolean` | `true` |
|
||||
| center | 是否使内容垂直居中 | `Boolean` | `false` |
|
||||
| url | 跳转链接 | `String` | - |
|
||||
| to | 路由跳转对象,同 `vue-router` 的 to | `String | Object` | - |
|
||||
| replace | 跳转时是否替换当前 history | `String` | `false` |
|
||||
| clickable | 是否开启点击反馈 | `Boolean` | `false` |
|
||||
| is-link | 是否展示右侧箭头并开启点击反馈 | `Boolean` | `false` |
|
||||
| required | 是否显示表单必填星号 | `Boolean` | `false` |
|
||||
|
||||
### Cell Event
|
||||
|
||||
|
||||
@@ -56,18 +56,18 @@ export default {
|
||||
|
||||
### API
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|
||||
|-----------|-----------|-----------|-------------|-------------|
|
||||
| v-model | 当前进度 | `Number` | - | - |
|
||||
| rate | 目标进度 | `Number` | `100` | - |
|
||||
| size | 圆环直径 | `String` | `100px` | - |
|
||||
| color | 进度条颜色 | `String` | `#38f` | - |
|
||||
| layer-color | 轨道颜色 | `String` | `#fff` | - |
|
||||
| fill | 填充颜色 | `String` | `none` | - |
|
||||
| speed | 动画速度(单位为 rate/s)| `Number` | - | - |
|
||||
| text | 文字 | `String` | - | - |
|
||||
| stroke-width | 进度条宽度 | `Number` | `40` | - |
|
||||
| clockwise | 是否顺时针增加 | `Boolean` | `true` | - |
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
|-----------|-----------|-----------|-------------|
|
||||
| v-model | 当前进度 | `Number` | - |
|
||||
| rate | 目标进度 | `Number` | `100` |
|
||||
| size | 圆环直径 | `String` | `100px` |
|
||||
| color | 进度条颜色 | `String` | `#38f` |
|
||||
| layer-color | 轨道颜色 | `String` | `#fff` |
|
||||
| fill | 填充颜色 | `String` | `none` |
|
||||
| speed | 动画速度(单位为 rate/s)| `Number` | - |
|
||||
| text | 文字 | `String` | - |
|
||||
| stroke-width | 进度条宽度 | `Number` | `40` |
|
||||
| clockwise | 是否顺时针增加 | `Boolean` | `true` |
|
||||
|
||||
### Circle Slot
|
||||
|
||||
|
||||
@@ -81,10 +81,10 @@ export default {
|
||||
|
||||
### Collapse API
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
|-----------|-----------|-----------|-------------|-------------|
|
||||
| v-model | 当前展开面板的 name | `Array | String | Number` | - | - |
|
||||
| accordion | 是否开启手风琴模式 | `Boolean` | `false` | - |
|
||||
| v-model | 当前展开面板的 name | `Array | String | Number` | - |
|
||||
| accordion | 是否开启手风琴模式 | `Boolean` | `false` |
|
||||
|
||||
### Collapse Event
|
||||
|
||||
@@ -94,10 +94,10 @@ export default {
|
||||
|
||||
### CollapseItem API
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
|-----------|-----------|-----------|-------------|-------------|
|
||||
| name | 面板唯一标识符,默认为索引值 | `String | Number` | `index` | - |
|
||||
| title | 标题 | `String` | - | - |
|
||||
| name | 面板唯一标识符,默认为索引值 | `String | Number` | `index` |
|
||||
| title | 标题 | `String` | - |
|
||||
|
||||
|
||||
### CollapseItem Slot
|
||||
|
||||
@@ -140,11 +140,11 @@ export default {
|
||||
| add-text | 添加时的文案提示 | `String` | `添加订单联系人信息` | - |
|
||||
|
||||
### ContactList API
|
||||
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
|-----------|-----------|-----------|-------------|-------------|
|
||||
| v-model | 当前选中联系人的 id | `String | Number` | - | - |
|
||||
| list | 联系人列表 | `Array` | `[]` | - |
|
||||
| add-text | 新建按钮文案 | `String` | `新建联系人` | - |
|
||||
| v-model | 当前选中联系人的 id | `String | Number` | - |
|
||||
| list | 联系人列表 | `Array` | `[]` |
|
||||
| add-text | 新建按钮文案 | `String` | `新建联系人` |
|
||||
|
||||
### ContactList Event
|
||||
|
||||
@@ -156,13 +156,13 @@ export default {
|
||||
|
||||
|
||||
### ContactEdit API
|
||||
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
|-----------|-----------|-----------|-------------|-------------|
|
||||
| contact-info | 联系人信息 | `Object` | `[]` | - |
|
||||
| is-edit | 是否为编辑联系人 | `Boolean` | `false` | - |
|
||||
| is-saving | 是否显示保存按钮加载动画 | `Boolean` | `false` | - |
|
||||
| is-deleting | 是否显示删除按钮加载动画 | `Boolean` | `false` | - |
|
||||
| tel-validator | 手机号格式校验函数 | `(tel: string) => boolean` | - | - |
|
||||
| contact-info | 联系人信息 | `Object` | `[]` |
|
||||
| is-edit | 是否为编辑联系人 | `Boolean` | `false` |
|
||||
| is-saving | 是否显示保存按钮加载动画 | `Boolean` | `false` |
|
||||
| is-deleting | 是否显示删除按钮加载动画 | `Boolean` | `false` |
|
||||
| tel-validator | 手机号格式校验函数 | `(tel: string) => boolean` | - |
|
||||
|
||||
### ContactEdit Event
|
||||
|
||||
|
||||
@@ -68,31 +68,31 @@ export default {
|
||||
|
||||
### CouponCell API
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|
||||
|-----------|-----------|-----------|-------------|-------------|
|
||||
| title | 单元格标题 | `String` | `优惠券码` | - |
|
||||
| chosen-coupon | 当前选中优惠券的索引 | `Number` | `-1` | - |
|
||||
| coupons | 可用优惠券列表 | `Array` | `[]` | - |
|
||||
| editable | 能否切换优惠券 | `Boolean` | `true` | - |
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
|-----------|-----------|-----------|-------------|
|
||||
| title | 单元格标题 | `String` | `优惠券码` |
|
||||
| chosen-coupon | 当前选中优惠券的索引 | `Number` | `-1` |
|
||||
| coupons | 可用优惠券列表 | `Array` | `[]` |
|
||||
| editable | 能否切换优惠券 | `Boolean` | `true` |
|
||||
|
||||
### CouponList API
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|
||||
|-----------|-----------|-----------|-------------|-------------|
|
||||
| v-model | 当前输入的兑换码 | `String` | - | - |
|
||||
| chosen-coupon | 当前选中优惠券的索引 | `Number` | `-1` | - |
|
||||
| coupons | 可用优惠券列表 | `Array` | `[]` | - |
|
||||
| disabled-coupons | 不可用优惠券列表 | `Array` | `[]` | - |
|
||||
| exchange-button-text | 兑换按钮文字 | `String` | `兑换` | - |
|
||||
| exchange-button-loading | 是否在兑换按钮上显示加载动画 | `Boolean` | `false` | - |
|
||||
| exchange-button-disabled | 是否禁用兑换按钮 | `Boolean` | `false` | - |
|
||||
| exchange-min-length | 兑换码最小长度 | `Number` | `1` | - |
|
||||
| displayed-coupon-index | 滚动至特定优惠券位置 | `Number` | - | - |
|
||||
| show-close-button | 是否显示列表底部按钮 | `Boolean` | `true` | - |
|
||||
| close-button-text | 列表底部按钮文字 | `String` | `不使用优惠` | - |
|
||||
| disabled-list-title | 不可用券列表标题 | `String` | `不可用优惠` | - |
|
||||
| input-placeholder | 输入框文字提示 | `String` | `请输入优惠码` | - |
|
||||
| show-exchange-bar | 是否展示兑换栏 | `Boolean` | `true` | - |
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
|-----------|-----------|-----------|-------------|
|
||||
| v-model | 当前输入的兑换码 | `String` | - |
|
||||
| chosen-coupon | 当前选中优惠券的索引 | `Number` | `-1` |
|
||||
| coupons | 可用优惠券列表 | `Array` | `[]` |
|
||||
| disabled-coupons | 不可用优惠券列表 | `Array` | `[]` |
|
||||
| exchange-button-text | 兑换按钮文字 | `String` | `兑换` |
|
||||
| exchange-button-loading | 是否在兑换按钮上显示加载动画 | `Boolean` | `false` |
|
||||
| exchange-button-disabled | 是否禁用兑换按钮 | `Boolean` | `false` |
|
||||
| exchange-min-length | 兑换码最小长度 | `Number` | `1` |
|
||||
| displayed-coupon-index | 滚动至特定优惠券位置 | `Number` | - |
|
||||
| show-close-button | 是否显示列表底部按钮 | `Boolean` | `true` |
|
||||
| close-button-text | 列表底部按钮文字 | `String` | `不使用优惠` |
|
||||
| disabled-list-title | 不可用券列表标题 | `String` | `不可用优惠` |
|
||||
| input-placeholder | 输入框文字提示 | `String` | `请输入优惠码` |
|
||||
| show-exchange-bar | 是否展示兑换栏 | `Boolean` | `true` |
|
||||
|
||||
### CouponList Event
|
||||
|
||||
|
||||
@@ -67,18 +67,18 @@ export default {
|
||||
|
||||
### Options
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|
||||
|-----------|-----------|-----------|-------------|-------------|
|
||||
| title | 标题 | `String` | - | - |
|
||||
| message | 内容 | `String` | - | - |
|
||||
| showConfirmButton | 是否展示确认按钮 | `Boolean` | `true` | - |
|
||||
| showCancelButton | 是否展示取消按钮 | `Boolean` | `false` | - |
|
||||
| confirmButtonText | 确认按钮的文案 | `String` | `确认` | - |
|
||||
| cancelButtonText | 取消按钮的文案 | `String` | `取消` | - |
|
||||
| overlay | 是否展示蒙层 | `Boolean` | `true` | - |
|
||||
| closeOnClickOverlay | 点击蒙层时是否关闭弹窗 | `Boolean` | `false` | - |
|
||||
| lockScroll | 是否锁定背景滚动 | `Boolean` | `true` | - |
|
||||
| beforeClose | 关闭前的回调函数,调用 done 后关闭弹窗 | (action: string, done: function) => void | - | - |
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
|-----------|-----------|-----------|-------------|
|
||||
| title | 标题 | `String` | - |
|
||||
| message | 内容 | `String` | - |
|
||||
| showConfirmButton | 是否展示确认按钮 | `Boolean` | `true` |
|
||||
| showCancelButton | 是否展示取消按钮 | `Boolean` | `false` |
|
||||
| confirmButtonText | 确认按钮的文案 | `String` | `确认` |
|
||||
| cancelButtonText | 取消按钮的文案 | `String` | `取消` |
|
||||
| overlay | 是否展示蒙层 | `Boolean` | `true` |
|
||||
| closeOnClickOverlay | 点击蒙层时是否关闭弹窗 | `Boolean` | `false` |
|
||||
| lockScroll | 是否锁定背景滚动 | `Boolean` | `true` |
|
||||
| beforeClose | 关闭前的回调函数,调用 done 后关闭弹窗 | (action: string, done: function) => void | - |
|
||||
|
||||
|
||||
#### 高级用法
|
||||
@@ -130,19 +130,19 @@ export default {
|
||||
|
||||
### API
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|
||||
|-----------|-----------|-----------|-------------|-------------|
|
||||
| v-model | 是否显示弹窗 | `Boolean` | - | - |
|
||||
| title | 标题 | `String` | - | - |
|
||||
| message | 内容 | `String` | - | - |
|
||||
| show-confirm-button | 是否展示确认按钮 | `Boolean` | `true` | - |
|
||||
| show-cancel-button | 是否展示取消按钮 | `Boolean` | `false` | - |
|
||||
| confirm-button-text | 确认按钮的文案 | `String` | `确认` | - |
|
||||
| cancel-button-text | 取消按钮的文案 | `String` | `取消` | - |
|
||||
| overlay | 是否展示蒙层 | `Boolean` | `true` | - |
|
||||
| close-on-click-overlay | 点击蒙层时是否关闭弹窗 | `Boolean` | `false` | - |
|
||||
| lock-scroll | 是否锁定背景滚动 | `Boolean` | `true` | - |
|
||||
| before-close | 关闭前的回调函数,调用 done 后关闭弹窗 | (action: string, done: function) => void | - | - |
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
|-----------|-----------|-----------|-------------|
|
||||
| v-model | 是否显示弹窗 | `Boolean` | - |
|
||||
| title | 标题 | `String` | - |
|
||||
| message | 内容 | `String` | - |
|
||||
| show-confirm-button | 是否展示确认按钮 | `Boolean` | `true` |
|
||||
| show-cancel-button | 是否展示取消按钮 | `Boolean` | `false` |
|
||||
| confirm-button-text | 确认按钮的文案 | `String` | `确认` |
|
||||
| cancel-button-text | 取消按钮的文案 | `String` | `取消` |
|
||||
| overlay | 是否展示蒙层 | `Boolean` | `true` |
|
||||
| close-on-click-overlay | 点击蒙层时是否关闭弹窗 | `Boolean` | `false` |
|
||||
| lock-scroll | 是否锁定背景滚动 | `Boolean` | `true` |
|
||||
| before-close | 关闭前的回调函数,调用 done 后关闭弹窗 | (action: string, done: function) => void | - |
|
||||
|
||||
### Event
|
||||
|
||||
|
||||
@@ -122,7 +122,7 @@ Filed 默认支持 Input 标签所有的原生属性,比如 `maxlength`、`pla
|
||||
| error | 输入框是否有错误 | `Boolean` | `false` | - |
|
||||
| error-message | 输入框底部错误提示文案 | `String` | `''` | - |
|
||||
| autosize | 自适应内容高度,只对 textarea 有效,可传入对象,如 { maxHeight: 100, minHeight: 50 },单位为 px | `Boolean | Object` | `false` | - |
|
||||
| icon | 输入框尾部图标 | `String` | - | Icon 组件支持的类型 |
|
||||
| icon | 输入框尾部图标 (可选值见 Icon 组件) | `String` | - | - |
|
||||
|
||||
### Event
|
||||
Filed 默认支持 Input 标签所有的原生事件,如 `focus`、`blur`、`keypress` 等
|
||||
|
||||
@@ -56,23 +56,23 @@ export default {
|
||||
|
||||
#### GoodsActionMiniBtn
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|
||||
|-----------|-----------|-----------|-------------|-------------|
|
||||
| text | 按钮文字 | `String` | - | - |
|
||||
| icon | 图标 | `String` | - | Icon 组件支持的所有图标 |
|
||||
| icon-class | 图标额外类名 | `String` | `''` | - |
|
||||
| info | 图标右上角提示信息 | `String | Number` | - | - |
|
||||
| url | 跳转链接 | `String` | - | - |
|
||||
| to | 路由跳转对象,同 `vue-router` 的 to | `String | Object` | - | - |
|
||||
| replace | 跳转时是否替换当前 history | `String` | `false` | - |
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
|-----------|-----------|-----------|-------------|
|
||||
| text | 按钮文字 | `String` | - |
|
||||
| icon | 图标 | `String` | - |
|
||||
| icon-class | 图标额外类名 | `String` | `''` |
|
||||
| info | 图标右上角提示信息 | `String | Number` | - |
|
||||
| url | 跳转链接 | `String` | - |
|
||||
| to | 路由跳转对象,同 `vue-router` 的 to | `String | Object` | - |
|
||||
| replace | 跳转时是否替换当前 history | `String` | `false` |
|
||||
|
||||
|
||||
#### GoodsActionBigBtn
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|
||||
|-----------|-----------|-----------|-------------|-------------|
|
||||
| text | 按钮文字 | `String` | - | - |
|
||||
| primary | 是否主行动按钮,主行动按钮默认为红色 | `Boolean` | `false` | - |
|
||||
| url | 跳转链接 | `String` | - | - |
|
||||
| to | 路由跳转对象,同 `vue-router` 的 to | `String | Object` | - | - |
|
||||
| replace | 跳转时是否替换当前 history | `String` | `false` | - |
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
|-----------|-----------|-----------|-------------|
|
||||
| text | 按钮文字 | `String` | - |
|
||||
| primary | 是否主行动按钮,主行动按钮默认为红色 | `Boolean` | `false` |
|
||||
| url | 跳转链接 | `String` | - |
|
||||
| to | 路由跳转对象,同 `vue-router` 的 to | `String | Object` | - |
|
||||
| replace | 跳转时是否替换当前 history | `String` | `false` |
|
||||
|
||||
@@ -47,10 +47,10 @@ import 'vant/lib/vant-css/icon-local.css';
|
||||
|
||||
### API
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|
||||
|-----------|-----------|-----------|-------------|-------------|
|
||||
| name | 图标名称 | `String` | `''` | - |
|
||||
| info | 图标右上角文字提示 | `String | Number` | `''` | - |
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
|-----------|-----------|-----------|-------------|
|
||||
| name | 图标名称 | `String` | `''` |
|
||||
| info | 图标右上角文字提示 | `String | Number` | `''` |
|
||||
|
||||
### Event
|
||||
|
||||
|
||||
@@ -48,12 +48,14 @@ Layout 组件提供了`24列栅格`,通过在`Col`上添加`span`属性设置
|
||||
### API
|
||||
|
||||
#### Row
|
||||
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|
||||
|-----------|-----------|-----------|-------------|-------------|
|
||||
| gutter | 列元素之间的间距(单位为px) | `String | Number` | - | - |
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
|-----------|-----------|-----------|-------------|
|
||||
| gutter | 列元素之间的间距(单位为px) | `String | Number` | - |
|
||||
|
||||
#### Column
|
||||
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|
||||
|-----------|-----------|-----------|-------------|-------------|
|
||||
| span | 列元素宽度 | `String | Number` | - | - |
|
||||
| offset | 列元素偏移距离 | `String | Number` | - | - |
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
|-----------|-----------|-----------|-------------|
|
||||
| span | 列元素宽度 | `String | Number` | - |
|
||||
| offset | 列元素偏移距离 | `String | Number` | - |
|
||||
|
||||
@@ -53,15 +53,15 @@ export default {
|
||||
|
||||
### Options
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|
||||
|-----------|-----------|-----------|-------------|-------------|
|
||||
| loading | 加载时的图片 | `String` | - | - |
|
||||
| error | 错误时的图片 | `String` | - | - |
|
||||
| preload | 预加载高度的比例 | `String` | - | - |
|
||||
| attempt | 尝试次数 | `Number` | `3` | - |
|
||||
| listenEvents | 监听的事件 | `Array` | `scroll`等 | - |
|
||||
| adapter | 适配器 | `Object` | - | - |
|
||||
| filter | 图片url过滤 | `Object` | - | - |
|
||||
| lazyComponent | 是否能懒加载模块 | `Boolean` | `false` | - |
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
|-----------|-----------|-----------|-------------|
|
||||
| loading | 加载时的图片 | `String` | - |
|
||||
| error | 错误时的图片 | `String` | - |
|
||||
| preload | 预加载高度的比例 | `String` | - |
|
||||
| attempt | 尝试次数 | `Number` | `3` |
|
||||
| listenEvents | 监听的事件 | `Array` | `scroll`等 |
|
||||
| adapter | 适配器 | `Object` | - |
|
||||
| filter | 图片url过滤 | `Object` | - |
|
||||
| lazyComponent | 是否能懒加载模块 | `Boolean` | `false` |
|
||||
|
||||
更多内容请参照:[vue-lazyload 官方文档](https://github.com/hilongjw/vue-lazyload)
|
||||
|
||||
@@ -51,13 +51,13 @@ export default {
|
||||
|
||||
### API
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|
||||
|-----------|-----------|-----------|-------------|-------------|
|
||||
| loading | 是否显示加载中提示,加载过程中不触发`load`事件 | `Boolean` | `false` | - |
|
||||
| finished | 是否已加载完成,加载完成后不再触发`load`事件 | `Boolean` | `false` | - |
|
||||
| offset | 滚动条与底部距离小于 offset 时触发`load`事件 | `Number` | `300` | - |
|
||||
| loading-text | 加载中提示文案 | `String` | `加载中...` | - |
|
||||
| immediate-check | 是否在初始化时立即执行滚动位置检查 | `Boolean` | `true` | - |
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
|-----------|-----------|-----------|-------------|
|
||||
| loading | 是否显示加载中提示,加载过程中不触发`load`事件 | `Boolean` | `false` |
|
||||
| finished | 是否已加载完成,加载完成后不再触发`load`事件 | `Boolean` | `false` |
|
||||
| offset | 滚动条与底部距离小于 offset 时触发`load`事件 | `Number` | `300` |
|
||||
| loading-text | 加载中提示文案 | `String` | `加载中...` |
|
||||
| immediate-check | 是否在初始化时立即执行滚动位置检查 | `Boolean` | `true` |
|
||||
|
||||
### Event
|
||||
|
||||
|
||||
@@ -46,14 +46,15 @@ export default {
|
||||
|
||||
|
||||
### API
|
||||
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|
||||
|-----------|-----------|-----------|-------------|-------------|
|
||||
| title | 标题 | `String` | `''` | - |
|
||||
| left-text | 左侧文案 | `String` | `''` | - |
|
||||
| right-text | 右侧文案 | `String` | `''` | - |
|
||||
| left-arrow | 是否显示左侧箭头 | `Boolean` | `false` | - |
|
||||
| fixed | 是否固定在顶部 | `Boolean` | `false` | - |
|
||||
| z-index | 元素 z-index | `Number` | `1` | - |
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
|-----------|-----------|-----------|-------------|
|
||||
| title | 标题 | `String` | `''` |
|
||||
| left-text | 左侧文案 | `String` | `''` |
|
||||
| right-text | 右侧文案 | `String` | `''` |
|
||||
| left-arrow | 是否显示左侧箭头 | `Boolean` | `false` |
|
||||
| fixed | 是否固定在顶部 | `Boolean` | `false` |
|
||||
| z-index | 元素 z-index | `Number` | `1` |
|
||||
|
||||
### Slot
|
||||
|
||||
|
||||
@@ -33,11 +33,11 @@ Vue.use(Panel);
|
||||
|
||||
### API
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|
||||
|-----------|-----------|-----------|-------------|-------------|
|
||||
| title | 标题 | `String` | - | - |
|
||||
| desc | 描述 | `String` | - | - |
|
||||
| status | 状态 | `String` | - | - |
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
|-----------|-----------|-----------|-------------|
|
||||
| title | 标题 | `String` | - |
|
||||
| desc | 描述 | `String` | - |
|
||||
| status | 状态 | `String` | - |
|
||||
|
||||
### Slot
|
||||
|
||||
|
||||
@@ -51,12 +51,12 @@ export default {
|
||||
|
||||
### API
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|
||||
|-----------|-----------|-----------|-------------|-------------|
|
||||
| value | 密码值 | `String` | `''` | - |
|
||||
| length | 密码最大长度 | `Number` | `6` | - |
|
||||
| info | 输入框下方提示 | `String` | - | - |
|
||||
| error-info | 输入框下方错误提示 | `String` | - | - |
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
|-----------|-----------|-----------|-------------|
|
||||
| value | 密码值 | `String` | `''` |
|
||||
| length | 密码最大长度 | `Number` | `6` |
|
||||
| info | 输入框下方提示 | `String` | - |
|
||||
| error-info | 输入框下方错误提示 | `String` | - |
|
||||
|
||||
### Event
|
||||
|
||||
|
||||
@@ -128,17 +128,17 @@ export default {
|
||||
|
||||
### API
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|
||||
|-----------|-----------|-----------|-------------|-------------|
|
||||
| columns | 对象数组,配置每一列显示的数据 | `Array` | `[]` | - |
|
||||
| show-toolbar | 是否显示顶部栏 | `Boolean` | `false` | - |
|
||||
| title | 顶部栏标题 | `String` | `''` | - |
|
||||
| loading | 是否显示加载状态 | `Boolean` | `false` | - |
|
||||
| value-key | 选项对象中,文字对应的 key | `String` | `text` | - |
|
||||
| item-height | 选项高度 | `Number` | `44` | - |
|
||||
| confirm-button-text | 确认按钮文字 | `String` | `确认` | - |
|
||||
| cancel-button-text | 取消按钮文字 | `String` | `取消` | - |
|
||||
| visible-item-count | 可见的选项个数 | `Number` | `5` | - |
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
|-----------|-----------|-----------|-------------|
|
||||
| columns | 对象数组,配置每一列显示的数据 | `Array` | `[]` |
|
||||
| show-toolbar | 是否显示顶部栏 | `Boolean` | `false` |
|
||||
| title | 顶部栏标题 | `String` | `''` |
|
||||
| loading | 是否显示加载状态 | `Boolean` | `false` |
|
||||
| value-key | 选项对象中,文字对应的 key | `String` | `text` |
|
||||
| item-height | 选项高度 | `Number` | `44` |
|
||||
| confirm-button-text | 确认按钮文字 | `String` | `确认` |
|
||||
| cancel-button-text | 取消按钮文字 | `String` | `取消` |
|
||||
| visible-item-count | 可见的选项个数 | `Number` | `5` |
|
||||
|
||||
### Event
|
||||
Picker 组件的事件会根据 columns 是单列或多列返回不同的参数
|
||||
|
||||
@@ -41,11 +41,11 @@ Vue.use(Progress);
|
||||
|
||||
### API
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|
||||
|-----------|-----------|-----------|-------------|-------------|
|
||||
| inactive | 是否置灰 | `Boolean` | `false` | - |
|
||||
| percentage | 进度百分比 | `Number` | `false` | `0-100` |
|
||||
| show-pivot | 是否显示进度文字 | `Boolean` | `true` | - |
|
||||
| pivot-text | 文字显示 | `String` | 百分比文字 | - |
|
||||
| color | 进度条颜色 | `String` | `#38f` | hexvalue |
|
||||
| text-color | 进度条文字颜色 | `String` | `#fff` | hexvalue |
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
|-----------|-----------|-----------|-------------|
|
||||
| inactive | 是否置灰 | `Boolean` | `false` |
|
||||
| percentage | 进度百分比 | `Number` | `false` |
|
||||
| show-pivot | 是否显示进度文字 | `Boolean` | `true` |
|
||||
| pivot-text | 文字显示 | `String` | 百分比文字 |
|
||||
| color | 进度条颜色 | `String` | `#38f` |
|
||||
| text-color | 进度条文字颜色 | `String` | `#fff` |
|
||||
|
||||
@@ -41,14 +41,14 @@ export default {
|
||||
|
||||
### API
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|
||||
|-----------|-----------|-----------|-------------|-------------|
|
||||
| v-model | 是否在加载中 | `Boolean` | - | - |
|
||||
| pulling-text | 下拉过程中顶部文案 | `String` | `下拉即可刷新...` | - |
|
||||
| loosing-text | 释放过程中顶部文案 | `String` | `释放即可刷新...` | - |
|
||||
| loading-text | 加载过程中顶部文案 | `String` | `加载中...` | - |
|
||||
| animation-duration | 动画时长 | `Number` | `300` | - |
|
||||
| head-height | 顶部内容高度 | `Number` | `50` | - |
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
|-----------|-----------|-----------|-------------|
|
||||
| v-model | 是否在加载中 | `Boolean` | - |
|
||||
| pulling-text | 下拉过程中顶部文案 | `String` | `下拉即可刷新...` |
|
||||
| loosing-text | 释放过程中顶部文案 | `String` | `释放即可刷新...` |
|
||||
| loading-text | 加载过程中顶部文案 | `String` | `加载中...` |
|
||||
| animation-duration | 动画时长 | `Number` | `300` |
|
||||
| head-height | 顶部内容高度 | `Number` | `50` |
|
||||
|
||||
### Event
|
||||
|
||||
|
||||
@@ -58,17 +58,17 @@ export default {
|
||||
|
||||
### Radio API
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|
||||
|-----------|-----------|-----------|-------------|-------------|
|
||||
| name | 唯一标识符 | 任意类型 | - | - |
|
||||
| disabled | 是否为禁用状态 | `Boolean` | `false` | - |
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
|-----------|-----------|-----------|-------------|
|
||||
| name | 唯一标识符 | 任意类型 | - |
|
||||
| disabled | 是否为禁用状态 | `Boolean` | `false` |
|
||||
|
||||
### RadioGroup API
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|
||||
|-----------|-----------|-----------|-------------|-------------|
|
||||
| v-model | 当前选中项的 name | 任意类型 | - | - |
|
||||
| disabled | 是否禁用所有单选框 | `Boolean` | `false` | - |
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
|-----------|-----------|-----------|-------------|
|
||||
| v-model | 当前选中项的 name | 任意类型 | - |
|
||||
| disabled | 是否禁用所有单选框 | `Boolean` | `false` |
|
||||
|
||||
### RadioGroup Event
|
||||
|
||||
|
||||
@@ -49,10 +49,10 @@ Tips: 在 `van-search` 外层增加 form 标签,并且 action 不为空,即
|
||||
### API
|
||||
Search 默认支持 Input 标签所有的原生属性,比如 `maxlength`、`placeholder`、`readony`、`autofocus` 等
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|
||||
|-----------|-----------|-----------|-------------|-------------|
|
||||
| background | 搜索框背景色 | `String` | `#f2f2f2` | 所有浏览器支持的颜色描述 |
|
||||
| show-action | 是否在搜索框右侧显示取消按钮 | `Boolean` | false | - |
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
|-----------|-----------|-----------|-------------|
|
||||
| background | 搜索框背景色 | `String` | `#f2f2f2` |
|
||||
| show-action | 是否在搜索框右侧显示取消按钮 | `Boolean` | `false` |
|
||||
|
||||
### Event
|
||||
Search 默认支持 Input 标签所有的原生事件,如 `focus`、`blur`、`keypress` 等
|
||||
|
||||
+18
-18
@@ -84,24 +84,24 @@ Vue.use(Sku);
|
||||
|
||||
### API
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|
||||
|-----------|-----------|-----------|-------------|-------------|
|
||||
| v-model | 是否显示sku | `Boolean` | `false` | - |
|
||||
| sku | 商品sku数据 | `Object` | - | - |
|
||||
| goods | 商品信息 | `Object` | - | - |
|
||||
| goods-id | 商品id | `String | Number` | - | - |
|
||||
| hide-stock | 是否显示商品剩余库存 | `Boolean` | `false` | - |
|
||||
| show-add-cart-btn | 是否显示加入购物车按钮 | `Boolean` | `true` | - |
|
||||
| quota | 限购数(0表示不限购) | `Number` | `0` | - |
|
||||
| quota-used | 已经购买过的数量 | `Number` | `0` | - |
|
||||
| reset-stepper-on-hide | 窗口隐藏时重置选择的商品数量 | `Boolean` | `false` | - |
|
||||
| reset-selected-sku-on-hide | 窗口隐藏时重置已选择的sku | `Boolean` | `false` | - |
|
||||
| disable-stepper-input | 是否禁用sku中stepper的input框 | `Boolean` | `false` | - |
|
||||
| close-on-click-overlay | 点击popup的overlay后是否关闭弹窗 | `Boolean` | `false` | - |
|
||||
| stepper-title | 数量选择组件左侧文案 | `String` | `购买数量` | - |
|
||||
| custom-stepper-config | 步进器相关自定义配置 | `Object` | `{}` | - |
|
||||
| message-config | 留言相关配置 | `Object` | `{}` | - |
|
||||
| get-container | 指定挂载的 HTML 节点 | `Function` | - | `() => HTMLElement` |
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
|-----------|-----------|-----------|-------------|
|
||||
| v-model | 是否显示sku | `Boolean` | `false` |
|
||||
| sku | 商品sku数据 | `Object` | - |
|
||||
| goods | 商品信息 | `Object` | - |
|
||||
| goods-id | 商品id | `String | Number` | - |
|
||||
| hide-stock | 是否显示商品剩余库存 | `Boolean` | `false` |
|
||||
| show-add-cart-btn | 是否显示加入购物车按钮 | `Boolean` | `true` |
|
||||
| quota | 限购数(0表示不限购) | `Number` | `0` |
|
||||
| quota-used | 已经购买过的数量 | `Number` | `0` |
|
||||
| reset-stepper-on-hide | 窗口隐藏时重置选择的商品数量 | `Boolean` | `false` |
|
||||
| reset-selected-sku-on-hide | 窗口隐藏时重置已选择的sku | `Boolean` | `false` |
|
||||
| disable-stepper-input | 是否禁用sku中stepper的input框 | `Boolean` | `false` |
|
||||
| close-on-click-overlay | 点击popup的overlay后是否关闭弹窗 | `Boolean` | `false` |
|
||||
| stepper-title | 数量选择组件左侧文案 | `String` | `购买数量` |
|
||||
| custom-stepper-config | 步进器相关自定义配置 | `Object` | `{}` |
|
||||
| message-config | 留言相关配置 | `Object` | `{}` |
|
||||
| get-container | 指定挂载的 HTML 节点 | `() => HTMLElement` | - |
|
||||
|
||||
### Event
|
||||
|
||||
|
||||
@@ -62,16 +62,16 @@ Vue.use(SubmitBar);
|
||||
|
||||
### API
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|
||||
|-----------|-----------|-----------|-------------|-------------|
|
||||
| price | 价格(单位分) | `Number` | - | - |
|
||||
| label | 价格文案 | `String` | `合计:` | - |
|
||||
| button-text | 按钮文字 | `String` | - | - |
|
||||
| button-type | 按钮类型 | `String` | `danger` | - |
|
||||
| tip | 提示文案 | `String` | - | - |
|
||||
| disabled | 是否禁用按钮 | `Boolean` | `false` | - |
|
||||
| loading | 是否显示加载中的按钮 | `Boolean` | `false` | - |
|
||||
| currency | 货币符号 | `String` | `¥` | - |
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
|-----------|-----------|-----------|-------------|
|
||||
| price | 价格(单位分) | `Number` | - |
|
||||
| label | 价格文案 | `String` | `合计:` |
|
||||
| button-text | 按钮文字 | `String` | - |
|
||||
| button-type | 按钮类型 | `String` | `danger` |
|
||||
| tip | 提示文案 | `String` | - |
|
||||
| disabled | 是否禁用按钮 | `Boolean` | `false` |
|
||||
| loading | 是否显示加载中的按钮 | `Boolean` | `false` |
|
||||
| currency | 货币符号 | `String` | `¥` |
|
||||
|
||||
### Event
|
||||
|
||||
|
||||
@@ -79,15 +79,15 @@ export default {
|
||||
|
||||
### API
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|
||||
|-----------|-----------|-----------|-------------|-------------|
|
||||
| autoplay | 自动轮播间隔,单位为 ms | `Number` | - | - |
|
||||
| duration | 动画时长,单位为 ms | `Number` | `500` | - |
|
||||
| loop | 是否开启循环播放 | `Boolean` | `true` | - |
|
||||
| vertical | 是否为纵向滚动 | `Boolean` | `false` | - |
|
||||
| touchable | 是否可以通过手势滑动 | `Boolean` | `true` | - |
|
||||
| show-indicators | 是否显示指示器 | `Boolean` | `true` | - |
|
||||
| initial-swipe | 初始位置,从 0 开始算 | `Number` | `0` | - |
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
|-----------|-----------|-----------|-------------|
|
||||
| autoplay | 自动轮播间隔,单位为 ms | `Number` | - |
|
||||
| duration | 动画时长,单位为 ms | `Number` | `500` |
|
||||
| loop | 是否开启循环播放 | `Boolean` | `true` |
|
||||
| vertical | 是否为纵向滚动 | `Boolean` | `false` |
|
||||
| touchable | 是否可以通过手势滑动 | `Boolean` | `true` |
|
||||
| show-indicators | 是否显示指示器 | `Boolean` | `true` |
|
||||
| initial-swipe | 初始位置,从 0 开始算 | `Number` | `0` |
|
||||
|
||||
### 事件
|
||||
|
||||
|
||||
@@ -50,12 +50,12 @@ export default {
|
||||
|
||||
### API
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|
||||
|-----------|-----------|-----------|-------------|-------------|
|
||||
| v-model | 开关状态 | `Boolean` | - | - |
|
||||
| title | 左侧标题 | `String` | `''` | - |
|
||||
| loading | 是否为加载状态 | `Boolean` | `false` | - |
|
||||
| disabled | 是否为禁用状态 | `Boolean` | `false` | - |
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
|-----------|-----------|-----------|-------------|
|
||||
| v-model | 开关状态 | `Boolean` | - |
|
||||
| title | 左侧标题 | `String` | `''` |
|
||||
| loading | 是否为加载状态 | `Boolean` | `false` |
|
||||
| disabled | 是否为禁用状态 | `Boolean` | `false` |
|
||||
|
||||
### Event
|
||||
|
||||
|
||||
@@ -63,12 +63,12 @@ export default {
|
||||
|
||||
### API
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|
||||
|-----------|-----------|-----------|-------------|-------------|
|
||||
| v-model | 开关选中状态 | `Boolean` | `false` | - |
|
||||
| loading | 是否为加载状态 | `Boolean` | `false` | - |
|
||||
| disabled | 是否为禁用状态 | `Boolean` | `false` | - |
|
||||
| size | 开关尺寸 | `String` | `30px` | - |
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
|-----------|-----------|-----------|-------------|
|
||||
| v-model | 开关选中状态 | `Boolean` | `false` |
|
||||
| loading | 是否为加载状态 | `Boolean` | `false` |
|
||||
| disabled | 是否为禁用状态 | `Boolean` | `false` |
|
||||
| size | 开关尺寸 | `String` | `30px` |
|
||||
|
||||
### Event
|
||||
|
||||
|
||||
@@ -66,9 +66,9 @@ export default {
|
||||
|
||||
### Tabbar API
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|
||||
|-----------|-----------|-----------|-------------|-------------|
|
||||
| v-model | 当前选中标签的索引 | `Number` | - | - |
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
|-----------|-----------|-----------|-------------|
|
||||
| v-model | 当前选中标签的索引 | `Number` | - |
|
||||
|
||||
### Tabbar Event
|
||||
|
||||
@@ -78,14 +78,14 @@ export default {
|
||||
|
||||
### TabbarItem API
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|
||||
|-----------|-----------|-----------|-------------|-------------|
|
||||
| icon | 图标名称 | `String` | - | Icon 组件中可用的类型 |
|
||||
| dot | 是否显示小红点 | `Boolean` | - | - |
|
||||
| info | 图标右上角提示信息 | `String | Number` | - | - |
|
||||
| url | 跳转链接 | `String` | - | - |
|
||||
| to | 路由跳转对象,同 `vue-router` 的 to | `String | Object` | - | - |
|
||||
| replace | 跳转时是否替换当前 history | `String` | `false` | - |
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
|-----------|-----------|-----------|-----------|
|
||||
| icon | 图标名称 (可选值见 Icon 组件) | `String` | - |
|
||||
| dot | 是否显示小红点 | `Boolean` | - |
|
||||
| info | 图标右上角提示信息 | `String | Number` | - |
|
||||
| url | 跳转链接 | `String` | - |
|
||||
| to | 路由跳转对象,同 `vue-router` 的 to | `String | Object` | - |
|
||||
| replace | 跳转时是否替换当前 history | `String` | `false` |
|
||||
|
||||
### TabbarItem Slot
|
||||
|
||||
|
||||
@@ -29,8 +29,8 @@ Vue.use(Tag);
|
||||
<van-tag plain type="success">标签</van-tag>
|
||||
```
|
||||
|
||||
#### 标记样式
|
||||
通过`mark`设置为标记样式
|
||||
#### 圆角样式
|
||||
通过`mark`设置为圆角样式
|
||||
|
||||
```html
|
||||
<van-tag mark>标签</van-tag>
|
||||
@@ -41,14 +41,14 @@ Vue.use(Tag);
|
||||
|
||||
### API
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|
||||
|-----------|-----------|-----------|-------------|-------------|
|
||||
| type | 类型 | `String` | `''`| `primary` `success` `danger` |
|
||||
| plain | 是否为空心样式 | `Boolean` | `false` | - |
|
||||
| mark | 是否为标记样式 | `Boolean` | `false` | - |
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
|-----------|-----------|-----------|-------------|
|
||||
| type | 类型,可选值为`primary` `success` `danger` | `String` | `''`|
|
||||
| plain | 是否为空心样式 | `Boolean` | `false` |
|
||||
| mark | 是否为圆角样式 | `Boolean` | `false` |
|
||||
|
||||
### Slot
|
||||
|
||||
| 名称 | 说明 |
|
||||
|-----------|-----------|
|
||||
| - | 自定义 Tag 显示内容 |
|
||||
| default | 自定义 Tag 显示内容 |
|
||||
|
||||
@@ -94,11 +94,11 @@ toast2.clear();
|
||||
|
||||
### Options
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|
||||
|-----------|-----------|-----------|-------------|-------------|
|
||||
| type | 提示类型 | `String` | `text` | `loading` `success` `fail` `html` |
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
|-----------|-----------|-----------|-------------|
|
||||
| type | 提示类型,可选值为 `loading` `success` `fail` `html` | `String` | `text` |
|
||||
| position | 位置,可选值为 `top` `middle` `bottom` | `String` | `middle` |
|
||||
| message | 内容 | `String` | `''` | - |
|
||||
| position | 位置 | `String` | `middle` | `top` `bottom` |
|
||||
| mask | 是否显示背景蒙层 | `Boolean` | `false` | - |
|
||||
| forbidClick | 禁止背景点击 | `Boolean` | `false` | - |
|
||||
| duration | 时长(ms) | `Number` | `3000` | 值为 0 时,toast 不会消失 |
|
||||
| mask | 是否显示背景蒙层 | `Boolean` | `false` |
|
||||
| forbidClick | 是否禁止背景点击 | `Boolean` | `false` |
|
||||
| duration | 展示时长(ms),值为 0 时,toast 不会消失 | `Number` | `3000` |
|
||||
|
||||
@@ -48,13 +48,14 @@ export default {
|
||||
|
||||
#### 传入参数
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|
||||
|-----------|-----------|-----------|-------------|-------------|
|
||||
| items | 分类显示所需的数据,具体数据结构可看 数据结构 | `Array` | `[]` | - |
|
||||
| main-active-index | 左侧导航高亮的索引 | `Number` | `0` | - |
|
||||
| active-id | 右侧选择项,高亮的数据id | `Number` | `0` | - |
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
|-----------|-----------|-----------|-------------|
|
||||
| items | 分类显示所需的数据,具体数据结构可看 数据结构 | `Array` | `[]` |
|
||||
| main-active-index | 左侧导航高亮的索引 | `Number` | `0` |
|
||||
| active-id | 右侧选择项,高亮的数据id | `Number` | `0` |
|
||||
|
||||
#### 事件
|
||||
|
||||
| 事件名 | 说明 | 参数 |
|
||||
|-----------|-----------|-----------|
|
||||
| navclick | 左侧导航点击时,触发的事件 | index:被点击的导航的索引 |
|
||||
|
||||
@@ -38,14 +38,14 @@ export default {
|
||||
|
||||
### API
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|
||||
|-----------|-----------|-----------|-------------|-------------|
|
||||
| result-type | 文件读取结果类型 | `String` | `dataUrl` | `text` |
|
||||
| accept | 接受的文件类型 | `String` | `image/*` | - |
|
||||
| disabled | 是否禁用图片上传 | `Boolean` | `false` | - |
|
||||
| before-read | 读取前的回调函数,返回 false 可终止文件读取 | `Function` | - | - |
|
||||
| after-read | 读取完成后的回调函数 | `Function` | - | - |
|
||||
| max-size | 文件大小限制,单位为 byte | `Number` | - | - |
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
|-----------|-----------|-----------|-------------|
|
||||
| result-type | 文件读取结果类型,可选值为 `dataUrl` `test` | `String` | `dataUrl` |
|
||||
| accept | 接受的文件类型 | `String` | `image/*` |
|
||||
| disabled | 是否禁用图片上传 | `Boolean` | `false` |
|
||||
| before-read | 读取前的回调函数,返回 false 可终止文件读取 | `Function` | - |
|
||||
| after-read | 读取完成后的回调函数 | `Function` | - |
|
||||
| max-size | 文件大小限制,单位为 byte | `Number` | - |
|
||||
|
||||
### Event
|
||||
|
||||
|
||||
@@ -73,9 +73,9 @@ export default {
|
||||
|
||||
### API
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|
||||
|-----------|-----------|-----------|-------------|-------------|
|
||||
| v-waterfall-lower | 滚动到底部, 触发执行的函数 | `Function` | - | - |
|
||||
| v-waterfall-upper | 滚动到顶部, 触发执行的函数 | `Function` | - | - |
|
||||
| waterfall-disabled | 在 vue 对象中表示是否禁止瀑布流触发的 key 值 | `String` | - | - |
|
||||
| waterfall-offset | 触发瀑布流加载的阈值 | `Number` | `300` | - |
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
|-----------|-----------|-----------|-------------|
|
||||
| v-waterfall-lower | 滚动到底部, 触发执行的函数 | `Function` | - |
|
||||
| v-waterfall-upper | 滚动到顶部, 触发执行的函数 | `Function` | - |
|
||||
| waterfall-disabled | 在 vue 对象中表示是否禁止瀑布流触发的 key 值 | `String` | - |
|
||||
| waterfall-offset | 触发瀑布流加载的阈值 | `Number` | `300` |
|
||||
|
||||
Reference in New Issue
Block a user