mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-06 03:57:59 +08:00
docs: remove 1.x version tip (#4257)
This commit is contained in:
parent
f32104ad86
commit
16e80672d5
@ -120,7 +120,7 @@ export default {
|
||||
| lock-scroll | 是否锁定背景滚动 | `boolean` | `true` | 2.0.0 |
|
||||
| duration | 动画时长,单位秒 | `number` | `0.3` | 2.0.3 |
|
||||
| get-container | 指定挂载的节点,可以传入选择器,<br>或一个返回节点的函数 | `string | () => HTMLElement` | - | - |
|
||||
| safe-area-inset-bottom | 是否开启 iPhone X 底部安全区适配,需要在 `viewport` meta 标签中设置 `viewport-fit=cover` | `boolean` | `false` | 1.6.15 |
|
||||
| safe-area-inset-bottom | 是否开启 iPhone X 底部安全区适配,需要在 `viewport` meta 标签中设置 `viewport-fit=cover` | `boolean` | `false` | - |
|
||||
|
||||
### Events
|
||||
|
||||
|
@ -52,8 +52,8 @@ Vue.use(Area);
|
||||
| loading | 是否显示加载状态 | `boolean` | `false` | - |
|
||||
| item-height | 选项高度 | `number` | `44` | - |
|
||||
| visible-item-count | 可见的选项个数 | `number` | `5` | - |
|
||||
| confirm-button-text | 确认按钮文字 | `string` | `确认` | 1.5.3 |
|
||||
| cancel-button-text | 取消按钮文字 | `string` | `取消` | 1.5.3 |
|
||||
| confirm-button-text | 确认按钮文字 | `string` | `确认` | - |
|
||||
| cancel-button-text | 取消按钮文字 | `string` | `取消` | - |
|
||||
| is-oversea-code | 根据`code`校验海外地址,海外地址会划分至单独的分类 | `() => boolean` | - | 2.1.4 |
|
||||
|
||||
### Events
|
||||
|
@ -114,7 +114,7 @@ Vue.use(Button);
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|
||||
|------|------|------|------|------|
|
||||
| type | 类型,可选值为 `primary` `info` `warning` `danger` | `string` | `default` | 1.6.6 |
|
||||
| type | 类型,可选值为 `primary` `info` `warning` `danger` | `string` | `default` | - |
|
||||
| size | 尺寸,可选值为 `large` `small` `mini` | `string` | `normal` | - |
|
||||
| text | 按钮文字 | `string` | - | - |
|
||||
| color | 按钮颜色,支持传入`linear-gradient`渐变色 | `string` | - | 2.1.3 |
|
||||
@ -126,14 +126,14 @@ Vue.use(Button);
|
||||
| square | 是否为方形按钮 | `boolean` | `false` | - |
|
||||
| round | 是否为圆形按钮 | `boolean` | `false` | - |
|
||||
| disabled | 是否禁用按钮 | `boolean` | `false` | - |
|
||||
| hairline | 是否使用 0.5px 边框 | `boolean` | `false` | 1.6.11 |
|
||||
| hairline | 是否使用 0.5px 边框 | `boolean` | `false` | - |
|
||||
| loading | 是否显示为加载状态 | `boolean` | `false` | - |
|
||||
| loading-text | 加载状态提示文字 | `string` | - | 1.6.3 |
|
||||
| loading-text | 加载状态提示文字 | `string` | - | - |
|
||||
| loading-type | 加载图标类型,可选值为`spinner` | `string` | `circular` | 2.0.0 |
|
||||
| loading-size | 加载图标大小 | `string` | `20px` | 1.6.7 |
|
||||
| url | 跳转链接 | `string` | - | 1.6.5 |
|
||||
| to | 路由跳转对象,同 vue-router 的 to 属性 | `string | object` | - | 1.6.5 |
|
||||
| replace | 跳转时是否替换当前页面历史 | `boolean` | `false` | 1.6.5 |
|
||||
| loading-size | 加载图标大小 | `string` | `20px` | - |
|
||||
| url | 跳转链接 | `string` | - | - |
|
||||
| to | 路由跳转对象,同 vue-router 的 to 属性 | `string | object` | - | - |
|
||||
| replace | 跳转时是否替换当前页面历史 | `boolean` | `false` | - |
|
||||
|
||||
### Events
|
||||
|
||||
|
@ -78,7 +78,7 @@ Vue.use(Card);
|
||||
| centered | 内容是否垂直居中 | `boolean` | `false` | - |
|
||||
| currency | 货币符号 | `string` | `¥` | - |
|
||||
| thumb-link | 点击左侧图片后的跳转链接 | `string` | - | - |
|
||||
| lazy-load | 是否开启图片懒加载,须配合 [Lazyload](#/zh-CN/lazyload) 组件使用 | `boolean` | `false` | 1.5.0 |
|
||||
| lazy-load | 是否开启图片懒加载,须配合 [Lazyload](#/zh-CN/lazyload) 组件使用 | `boolean` | `false` | - |
|
||||
|
||||
### Events
|
||||
|
||||
|
@ -106,7 +106,7 @@ Vue.use(Cell).use(CellGroup);
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|
||||
|------|------|------|------|------|
|
||||
| title | 分组标题 | `string` | `-` | 1.6.9 |
|
||||
| title | 分组标题 | `string` | `-` | - |
|
||||
| border | 是否显示外边框 | `boolean` | `true` | - |
|
||||
|
||||
### Cell Props
|
||||
@ -127,7 +127,7 @@ Vue.use(Cell).use(CellGroup);
|
||||
| required | 是否显示表单必填星号 | `boolean` | `false` | - |
|
||||
| center | 是否使内容垂直居中 | `boolean` | `false` | - |
|
||||
| arrow-direction | 箭头方向,可选值为 `left` `up` `down` | `string` | - | -|
|
||||
| title-style | 左侧标题额外样式 | `any` | - | 1.6.17 |
|
||||
| title-style | 左侧标题额外样式 | `any` | - | - |
|
||||
| title-class | 左侧标题额外类名 | `any` | - | - |
|
||||
| value-class | 右侧内容额外类名 | `any` | - | - |
|
||||
| label-class | 描述信息额外类名 | `any` | - | - |
|
||||
|
@ -92,7 +92,7 @@ export default {
|
||||
|------|------|------|------|------|
|
||||
| v-model | 当前展开面板的 name | `(string | number)[] `(非手风琴模式)<br>`string | number`(手风琴模式) | - | - |
|
||||
| accordion | 是否开启手风琴模式 | `boolean` | `false` | - |
|
||||
| border | 是否显示外边框 | `boolean` | `true` | 1.6.9 |
|
||||
| border | 是否显示外边框 | `boolean` | `true` | - |
|
||||
|
||||
### Collapse Events
|
||||
|
||||
@ -106,7 +106,7 @@ export default {
|
||||
|------|------|------|------|------|------|
|
||||
| name | 唯一标识符,默认为索引值 | `string | number` | `index` | - |
|
||||
| icon | 标题栏左侧图标名称或图片链接,可选值见 Icon 组件 | `string` | - | - |
|
||||
| size | 标题栏大小,可选值为 `large` | `string` | - | 1.6.9 |
|
||||
| size | 标题栏大小,可选值为 `large` | `string` | - | - |
|
||||
| title | 标题栏左侧内容 | `string | number` | - | - |
|
||||
| value | 标题栏右侧内容 | `string | number` | - | - |
|
||||
| label | 标题栏描述信息 | `string | number` | - | - |
|
||||
|
@ -78,7 +78,7 @@ export default {
|
||||
| coupons | 可用优惠券列表 | `Coupon[]` | `[]` | - |
|
||||
| editable | 能否切换优惠券 | `boolean` | `true` | - |
|
||||
| border | 是否显示内边框 | `boolean` | `true` | - |
|
||||
| currency | 货币符号 | `string` | `¥` | - | 1.5.0 |
|
||||
| currency | 货币符号 | `string` | `¥` | - | - |
|
||||
|
||||
### CouponList Props
|
||||
|
||||
@ -99,7 +99,7 @@ export default {
|
||||
| close-button-text | 列表底部按钮文字 | `string` | `不使用优惠` | - |
|
||||
| input-placeholder | 输入框文字提示 | `string` | `请输入优惠码` | - |
|
||||
| show-exchange-bar | 是否展示兑换栏 | `boolean` | `true` | - |
|
||||
| currency | 货币符号 | `string` | `¥` | 1.5.0 |
|
||||
| currency | 货币符号 | `string` | `¥` | - |
|
||||
| empty-image | 列表为空时的占位图 | `string` | `https://img.yzcdn.cn/vant/coupon-empty.png` | 2.1.0 |
|
||||
|
||||
### CouponList Events
|
||||
|
@ -149,20 +149,20 @@ export default {
|
||||
|------|------|------|------|------|
|
||||
| title | 标题 | `string` | - | - |
|
||||
| message | 文本内容,支持通过`\n`换行 | `string` | - | - |
|
||||
| messageAlign | 内容对齐方式,可选值为`left` `right` | `string` | `center` | 1.5.0 |
|
||||
| messageAlign | 内容对齐方式,可选值为`left` `right` | `string` | `center` | - |
|
||||
| className | 自定义类名 | `any` | - | - |
|
||||
| showConfirmButton | 是否展示确认按钮 | `boolean` | `true` | - |
|
||||
| showCancelButton | 是否展示取消按钮 | `boolean` | `false` | - |
|
||||
| cancelButtonText | 取消按钮文案 | `string` | `取消` | - |
|
||||
| cancelButtonColor | 取消按钮颜色 | `string` | `#000` | 1.6.14 |
|
||||
| cancelButtonColor | 取消按钮颜色 | `string` | `#000` | - |
|
||||
| confirmButtonText | 确认按钮文案 | `string` | `确认` | - |
|
||||
| confirmButtonColor | 确认按钮颜色 | `string` | `#1989fa` | 1.6.14 |
|
||||
| confirmButtonColor | 确认按钮颜色 | `string` | `#1989fa` | - |
|
||||
| overlay | 是否展示遮罩层 | `boolean` | `true` | - |
|
||||
| closeOnPopstate | 是否在页面回退时自动关闭 | `boolean` | `false` | 2.0.5 |
|
||||
| closeOnClickOverlay | 点击遮罩层时是否关闭弹窗 | `boolean` | `false` | - |
|
||||
| lockScroll | 是否锁定背景滚动 | `boolean` | `true` | - |
|
||||
| beforeClose | 关闭前的回调函数,<br>调用 done() 后关闭弹窗,<br>调用 done(false) 阻止弹窗关闭 | `(action, done) => void` | - | - |
|
||||
| getContainer | 指定挂载的节点,可以传入选择器,<br>或一个返回节点的函数 | `string | () => HTMLElement` | `body` | 1.6.11 |
|
||||
| getContainer | 指定挂载的节点,可以传入选择器,<br>或一个返回节点的函数 | `string | () => HTMLElement` | `body` | - |
|
||||
|
||||
### Props
|
||||
|
||||
@ -173,13 +173,13 @@ export default {
|
||||
| v-model | 是否显示弹窗 | `boolean` | - | - |
|
||||
| title | 标题 | `string` | - | - |
|
||||
| message | 内容 | `string` | - | - |
|
||||
| message-align | 内容对齐方式,可选值为`left` `right` | `string` | `center` | 1.5.0 |
|
||||
| message-align | 内容对齐方式,可选值为`left` `right` | `string` | `center` | - |
|
||||
| show-confirm-button | 是否展示确认按钮 | `boolean` | `true` | - |
|
||||
| show-cancel-button | 是否展示取消按钮 | `boolean` | `false` | - |
|
||||
| cancel-button-text | 取消按钮文案 | `string` | `取消` | - |
|
||||
| cancel-button-color | 取消按钮颜色 | `string` | `#000` | 1.6.14 |
|
||||
| cancel-button-color | 取消按钮颜色 | `string` | `#000` | - |
|
||||
| confirm-button-text | 确认按钮文案 | `string` | `确认` | - |
|
||||
| confirm-button-color | 确认按钮颜色 | `string` | `#1989fa` | 1.6.14 |
|
||||
| confirm-button-color | 确认按钮颜色 | `string` | `#1989fa` | - |
|
||||
| overlay | 是否展示遮罩层 | `boolean` | `true` | - |
|
||||
| close-on-click-overlay | 是否在点击遮罩层后关闭 | `boolean` | `false` | - |
|
||||
| lock-scroll | 是否锁定背景滚动 | `boolean` | `true` | - |
|
||||
|
@ -129,7 +129,7 @@ Vue.use(Field);
|
||||
| label | 输入框左侧文本 | `string` | - | - |
|
||||
| value | 当前输入的值 | `string | number` | - | - |
|
||||
| type | 输入框类型, 可选值为 `tel` `number`<br>`textarea` `password` 等 | `string` | `text` | - |
|
||||
| size | 大小,可选值为 `large` | `string` | - | 1.6.9 |
|
||||
| size | 大小,可选值为 `large` | `string` | - | - |
|
||||
| maxlength | 输入的最大字符数 | `string | number` | - | - |
|
||||
| placeholder | 占位提示文字 | `string` | - | - |
|
||||
| border | 是否显示内边框 | `boolean` | `true` | - |
|
||||
@ -143,13 +143,13 @@ Vue.use(Field);
|
||||
| arrow-direction | 箭头方向,可选值为 `left` `up` `down` | `string` | - | 2.0.4 |
|
||||
| error-message | 底部错误提示文案,为空时不展示 | `string` | `''` | -
|
||||
| label-class | 左侧文本额外类名 | `any` | - | 2.0.0 |
|
||||
| label-width | 左侧文本宽度,可指定单位,默认为 px | `string | number` | `90px` | 1.6.17 |
|
||||
| label-width | 左侧文本宽度,可指定单位,默认为 px | `string | number` | `90px` | - |
|
||||
| label-align | 左侧文本对齐方式,可选值为 `center` `right` | `string` | `left` | - |
|
||||
| input-align | 输入框内容对齐方式,可选值为 `center` `right` | `string` | `left` | - |
|
||||
| error-message-align | 错误提示文案对齐方式,可选值为 `center` `right` | `string` | `left` | 1.6.11 |
|
||||
| error-message-align | 错误提示文案对齐方式,可选值为 `center` `right` | `string` | `left` | - |
|
||||
| autosize | 自适应内容高度,只对 textarea 有效,可传入对象,<br>如 { maxHeight: 100, minHeight: 50 },单位为 px | `boolean | object` | `false` | - |
|
||||
| left-icon | 输入框左侧图标名称或图片链接,可选值见 Icon 组件 | `string` | - | 1.5.7 |
|
||||
| right-icon | 输入框尾部图标名称或图片链接,可选值见 Icon 组件 | `string` | - | 1.5.7 |
|
||||
| left-icon | 输入框左侧图标名称或图片链接,可选值见 Icon 组件 | `string` | - | - |
|
||||
| right-icon | 输入框尾部图标名称或图片链接,可选值见 Icon 组件 | `string` | - | - |
|
||||
|
||||
### Events
|
||||
|
||||
|
@ -75,7 +75,7 @@ export default {
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|
||||
|------|------|------|------|------|
|
||||
| safe-area-inset-bottom | 是否开启 iPhone X 底部安全区适配,需要在 `viewport` meta 标签中设置 `viewport-fit=cover` | `boolean` | `false` | 1.6.15 |
|
||||
| safe-area-inset-bottom | 是否开启 iPhone X 底部安全区适配,需要在 `viewport` meta 标签中设置 `viewport-fit=cover` | `boolean` | `false` | - |
|
||||
|
||||
### GoodsActionIcon Props
|
||||
|
||||
|
@ -69,7 +69,7 @@ import 'vant/lib/icon/local.css';
|
||||
| color | 图标颜色 | `string` | `inherit` | - |
|
||||
| size | 图标大小,如 `20px` `2em`,默认单位为`px` | `string | number` | `inherit` | 2.0.0 |
|
||||
| class-prefix | 类名前缀 | `string` | `van-icon` | - |
|
||||
| tag | HTML 标签 | `string` | `i` | 1.6.10 |
|
||||
| tag | HTML 标签 | `string` | `i` | - |
|
||||
|
||||
### Events
|
||||
|
||||
|
@ -112,10 +112,10 @@ export default {
|
||||
| onChange | 切换图片时的回调函数,回调参数为当前索引 | `Function` | - | 2.0.3 |
|
||||
| asyncClose | 是否开启异步关闭 | `boolean` | `false` | - |
|
||||
| closeOnPopstate | 是否在页面回退时自动关闭 | `boolean` | `false` | 2.0.0 |
|
||||
| className | 自定义类名 | `any` | - | 1.5.2 |
|
||||
| lazyLoad | 是否开启图片懒加载,须配合 [Lazyload](#/zh-CN/lazyload) 组件使用 | `boolean` | `false` | 1.5.3 |
|
||||
| maxZoom | 手势缩放时,最大缩放比例 | `number` | `3` | 1.6.14 |
|
||||
| minZoom | 手势缩放时,最小缩放比例 | `number` | `1/3` | 1.6.14 |
|
||||
| className | 自定义类名 | `any` | - | - |
|
||||
| lazyLoad | 是否开启图片懒加载,须配合 [Lazyload](#/zh-CN/lazyload) 组件使用 | `boolean` | `false` | - |
|
||||
| maxZoom | 手势缩放时,最大缩放比例 | `number` | `3` | - |
|
||||
| minZoom | 手势缩放时,最小缩放比例 | `number` | `1/3` | - |
|
||||
|
||||
### Props
|
||||
|
||||
@ -123,18 +123,18 @@ export default {
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|
||||
|------|------|------|------|------|
|
||||
| images | 需要预览的图片 URL 数组 | `string[]` | `[]` | 1.1.16 |
|
||||
| start-position | 图片预览起始位置索引 | `number` | `0` | 1.1.16 |
|
||||
| show-index | 是否显示页码 | `boolean` | `true` | 1.3.4 |
|
||||
| show-indicators | 是否显示轮播指示器 | `boolean` | `false` | 1.3.10 |
|
||||
| loop | 是否开启循环播放 | `boolean` | `true` | 1.4.4 |
|
||||
| images | 需要预览的图片 URL 数组 | `string[]` | `[]` | - |
|
||||
| start-position | 图片预览起始位置索引 | `number` | `0` | - |
|
||||
| show-index | 是否显示页码 | `boolean` | `true` | - |
|
||||
| show-indicators | 是否显示轮播指示器 | `boolean` | `false` | - |
|
||||
| loop | 是否开启循环播放 | `boolean` | `true` | - |
|
||||
| swipe-duration | 动画时长,单位为 ms | `number` | `500` | - |
|
||||
| async-close | 是否开启异步关闭 | `boolean` | `false` | 1.4.8 |
|
||||
| async-close | 是否开启异步关闭 | `boolean` | `false` | - |
|
||||
| close-on-popstate | 是否在页面回退时自动关闭 | `boolean` | `false` |
|
||||
| class-name | 自定义类名 | `any` | - | 1.5.2 |
|
||||
| lazy-load | 是否开启图片懒加载,须配合 [Lazyload](#/zh-CN/lazyload) 组件使用 | `boolean` | `false` | 1.5.3 |
|
||||
| max-zoom | 手势缩放时,最大缩放比例 | `number` | `3` | 1.6.14 |
|
||||
| min-zoom | 手势缩放时,最小缩放比例 | `number` | `1/3` | 1.6.14 |
|
||||
| class-name | 自定义类名 | `any` | - | - |
|
||||
| lazy-load | 是否开启图片懒加载,须配合 [Lazyload](#/zh-CN/lazyload) 组件使用 | `boolean` | `false` | - |
|
||||
| max-zoom | 手势缩放时,最大缩放比例 | `number` | `3` | - |
|
||||
| min-zoom | 手势缩放时,最小缩放比例 | `number` | `1/3` | - |
|
||||
|
||||
### Events
|
||||
|
||||
|
@ -144,9 +144,9 @@ List 初始化后会触发一次 load 事件,用于加载第一屏的数据,
|
||||
| offset | 滚动条与底部距离小于 offset 时触发`load`事件 | `number` | `300` | - |
|
||||
| loading-text | 加载过程中的提示文案 | `string` | `加载中...` | - |
|
||||
| finished-text | 加载完成后的提示文案 | `string` | - | - |
|
||||
| error-text | 加载失败后的提示文案 | `string` | - | 1.5.3 |
|
||||
| error-text | 加载失败后的提示文案 | `string` | - | - |
|
||||
| immediate-check | 是否在初始化时立即执行滚动位置检查 | `boolean` | `true` | - |
|
||||
| direction | 滚动触发加载的方向,可选值为`up` | `string` | `down` | 1.6.16 |
|
||||
| direction | 滚动触发加载的方向,可选值为`up` | `string` | `down` | - |
|
||||
|
||||
### Events
|
||||
|
||||
|
@ -79,7 +79,7 @@ Vue.use(NoticeBar);
|
||||
| delay | 动画延迟时间 (s) | `number` | `1` | - |
|
||||
| speed | 滚动速率 (px/s) | `number` | `50` | - |
|
||||
| scrollable | 是否在长度溢出时滚动播放 | `boolean` | `true` | - |
|
||||
| wrapable | 是否开启文本换行,只在禁用滚动时生效 | `boolean` | `false` | 1.6.11 |
|
||||
| wrapable | 是否开启文本换行,只在禁用滚动时生效 | `boolean` | `false` | - |
|
||||
| left-icon | 左侧图标名称或图片链接,可选值见 Icon 组件 | `string` | - | - |
|
||||
| color | 文本颜色 | `string` | `#f60` | - |
|
||||
| background | 滚动条背景 | `string` | `#fff7cc` | - |
|
||||
|
@ -84,7 +84,7 @@ export default {
|
||||
| duration | 展示时长(ms),值为 0 时,notify 不会消失 | `number` | `3000` | - |
|
||||
| color | 字体颜色 | `string` | `#fff` | - |
|
||||
| background | 背景颜色 | `string` | `#f44` | - |
|
||||
| className | 自定义类名 | `any` | - | 1.6.0 |
|
||||
| className | 自定义类名 | `any` | - | - |
|
||||
| onClick | 点击时的回调函数 | `Function` | - | 2.0.0 |
|
||||
| onOpened | 完全展示后的回调函数 | `Function` | - | 2.0.0 |
|
||||
| onClose | 关闭时的回调函数 | `Function` | - | 2.0.0 |
|
||||
|
@ -110,7 +110,7 @@ export default {
|
||||
| delete-button-text | 删除按钮文字 | `string` | `删除` | - |
|
||||
| show-delete-key | 是否展示删除按钮 | `boolean` | `true` | - |
|
||||
| hide-on-click-outside | 点击外部时是否收起键盘 | `boolean` | `true` | - |
|
||||
| safe-area-inset-bottom | 是否开启 iPhone X 底部安全区适配,需要在 `viewport` meta 标签中设置 `viewport-fit=cover` | `boolean` | `false` | 1.6.15 |
|
||||
| safe-area-inset-bottom | 是否开启 iPhone X 底部安全区适配,需要在 `viewport` meta 标签中设置 `viewport-fit=cover` | `boolean` | `false` | - |
|
||||
|
||||
### Events
|
||||
|
||||
|
@ -81,7 +81,7 @@ export default {
|
||||
|------|------|------|------|------|
|
||||
| value | 密码值 | `string` | `''` | - |
|
||||
| length | 密码最大长度 | `number` | `6` | - |
|
||||
| mask | 是否隐藏密码内容 | `boolean` | `true` | 1.6.6 |
|
||||
| mask | 是否隐藏密码内容 | `boolean` | `true` | - |
|
||||
| info | 输入框下方文字提示 | `string` | - | - |
|
||||
| error-info | 输入框下方错误提示 | `string` | - | - |
|
||||
| gutter | 输入框格子之间的间距,如 `20px` `2em`,默认单位为`px` | `number | string` | `0` | 2.0.0 |
|
||||
|
@ -204,7 +204,7 @@ export default {
|
||||
| confirm-button-text | 确认按钮文字 | `string` | `确认` | - |
|
||||
| cancel-button-text | 取消按钮文字 | `string` | `取消` | - |
|
||||
| visible-item-count | 可见的选项个数 | `number` | `5` | - |
|
||||
| default-index | 单列选择器的默认选中项索引,<br>多列选择器请参考下方的 Columns 配置 | `number` | `0` | 1.6.9 |
|
||||
| default-index | 单列选择器的默认选中项索引,<br>多列选择器请参考下方的 Columns 配置 | `number` | `0` | - |
|
||||
|
||||
### Events
|
||||
|
||||
|
@ -52,8 +52,8 @@ export default {
|
||||
| pulling-text | 下拉过程文案 | `string` | `下拉即可刷新...` | - |
|
||||
| loosing-text | 释放过程文案 | `string` | `释放即可刷新...` | - |
|
||||
| loading-text | 加载过程文案 | `string` | `加载中...` | - |
|
||||
| success-text | 加载成功提示文案 | `string` | - | 1.6.2 |
|
||||
| success-duration | 加载成功提示时长(ms) | `number` | `500` | 1.6.2 |
|
||||
| success-text | 加载成功提示文案 | `string` | - | - |
|
||||
| success-duration | 加载成功提示时长(ms) | `number` | `500` | - |
|
||||
| animation-duration | 动画时长 | `number` | `300` | - |
|
||||
| head-height | 顶部内容高度 | `number` | `50` | - |
|
||||
| disabled | 是否禁用下拉刷新 | `boolean` | `false` | - |
|
||||
|
@ -116,7 +116,7 @@ export default {
|
||||
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|
||||
|------|------|------|------|------|
|
||||
| name | 标识符 | `any` | - | - |
|
||||
| shape | 形状,可选值为 `square` | `string` | `round` | 1.6.0 |
|
||||
| shape | 形状,可选值为 `square` | `string` | `round` | - |
|
||||
| disabled | 是否为禁用状态 | `boolean` | `false` | - |
|
||||
| icon-size | 图标大小,默认单位为`px` | `string | number` | `20px` | 2.0.0 |
|
||||
| label-disabled | 是否禁用文本内容点击 | `boolean` | `false` | - |
|
||||
|
@ -102,7 +102,7 @@ export default {
|
||||
| void-color | 未选中时的颜色 | `string` | `#c7c7c7` | - |
|
||||
| icon | 选中时的图标名称或图片链接,可选值见 Icon 组件 | `string` | `star` | - |
|
||||
| void-icon | 未选中时的图标名称或图片链接,可选值见 Icon 组件 | `string` | `star-o` | - |
|
||||
| allow-half | 是否允许半选 | `boolean` | `false` | 1.6.14 |
|
||||
| allow-half | 是否允许半选 | `boolean` | `false` | - |
|
||||
| readonly | 是否为只读状态 | `boolean` | `false` | - |
|
||||
| disabled | 是否禁用评分 | `boolean` | `false` | - |
|
||||
| disabled-color | 禁用时的颜色 | `string` | `#bdbdbd` | - |
|
||||
|
@ -61,8 +61,8 @@ Search 默认支持 Input 标签所有的原生属性,比如 `maxlength`、`pl
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|
||||
|------|------|------|------|------|
|
||||
| label | 搜索框左侧文本 | `string` | - | 1.6.6 |
|
||||
| shape | 形状,可选值为 `round` | `string` | `square` | 1.6.6 |
|
||||
| label | 搜索框左侧文本 | `string` | - | - |
|
||||
| shape | 形状,可选值为 `round` | `string` | `square` | - |
|
||||
| background | 搜索框背景色 | `string` | `#f2f2f2` | - |
|
||||
| clearable | 是否启用清除控件 | `boolean` | `true` | 2.0.0 |
|
||||
| show-action | 是否在搜索框右侧显示取消按钮 | `boolean` | `false` | - |
|
||||
|
@ -126,7 +126,7 @@ export default {
|
||||
| goods-id | 商品 id | `string | number` | - | - |
|
||||
| price-tag | 显示在价格后面的标签 | `string` | - | - |
|
||||
| hide-stock | 是否显示商品剩余库存 | `boolean` | `false` | - |
|
||||
| hide-quota-text | 是否显示限购提示 | `boolean` | `false` | 1.4.8 |
|
||||
| hide-quota-text | 是否显示限购提示 | `boolean` | `false` | - |
|
||||
| hide-selected-text | 是否隐藏已选提示 | `boolean` | `false` | - |
|
||||
| show-add-cart-btn | 是否显示加入购物车按钮 | `boolean` | `true` | - |
|
||||
| buy-text | 购买按钮文字 | `string` | `立即购买` | - |
|
||||
|
@ -99,9 +99,9 @@ Slider 垂直展示时,高度为 100% 父元素高度
|
||||
| min | 最小值 | `number` | `0` | - |
|
||||
| step | 步长 | `number` | `1` | - |
|
||||
| bar-height | 进度条高度,默认单位为`px` | `number | string` | `2px` | - |
|
||||
| active-color | 进度条激活态颜色 | `string` | `#1989fa` | 1.5.1 |
|
||||
| inactive-color | 进度条默认颜色 | `string` | `#e5e5e5` | 1.5.1 |
|
||||
| vertical | 是否垂直展示 | `boolean` | `false` | 1.6.13 |
|
||||
| active-color | 进度条激活态颜色 | `string` | `#1989fa` | - |
|
||||
| inactive-color | 进度条默认颜色 | `string` | `#e5e5e5` | - |
|
||||
| vertical | 是否垂直展示 | `boolean` | `false` | - |
|
||||
|
||||
### Events
|
||||
|
||||
|
@ -110,7 +110,7 @@ export default {
|
||||
| disabled | 是否禁用步进器 | `boolean` | `false` | - |
|
||||
| disable-input | 是否禁用输入框 | `boolean` | `false` | - |
|
||||
| async-change | 是否开启异步变更,开启后需要手动控制输入值 | `boolean` | `false` | - |
|
||||
| input-width | 输入框宽度,默认单位为`px` | `string | number` | `32px` | 1.6.13 |
|
||||
| input-width | 输入框宽度,默认单位为`px` | `string | number` | `32px` | - |
|
||||
| button-size | 按钮大小,默认单位为`px`,输入框高度会和按钮大小保持一致 | `string | number` | `28px` | 2.0.5 |
|
||||
| show-plus | 是否显示增加按钮 | `boolean` | `true` | 2.1.2 |
|
||||
| show-minus | 是否显示减少按钮 | `boolean` | `true` | 2.1.2 |
|
||||
|
@ -79,7 +79,7 @@ export default {
|
||||
| active | 当前步骤 | `number` | 0 | - |
|
||||
| direction | 显示方向,可选值为 `vertical` | `string` | `horizontal` | - |
|
||||
| active-color | 激活状态颜色 | `string` | `#07c160` | - |
|
||||
| active-icon | 激活状态底部图标,可选值见 Icon 组件 | `string` | `checked` | 1.6.9 |
|
||||
| active-icon | 激活状态底部图标,可选值见 Icon 组件 | `string` | `checked` | - |
|
||||
| inactive-icon | 未激活状态底部图标,可选值见 Icon 组件 | `string` | - | 2.0.0 |
|
||||
|
||||
### Step Slots
|
||||
|
@ -82,8 +82,8 @@ Vue.use(SubmitBar);
|
||||
| disabled | 是否禁用按钮 | `boolean` | `false` | - |
|
||||
| loading | 是否显示加载中的按钮 | `boolean` | `false` | - |
|
||||
| currency | 货币符号 | `string` | `¥` | - |
|
||||
| decimal-length | 价格小数点后位数 | `number` | `2` | 1.6.15 |
|
||||
| safe-area-inset-bottom | 是否开启 iPhone X 底部安全区适配,需要在 `viewport` meta 标签中设置 `viewport-fit=cover` | `boolean` | `false` | 1.6.15 |
|
||||
| decimal-length | 价格小数点后位数 | `number` | `2` | - |
|
||||
| safe-area-inset-bottom | 是否开启 iPhone X 底部安全区适配,需要在 `viewport` meta 标签中设置 `viewport-fit=cover` | `boolean` | `false` | - |
|
||||
|
||||
### Events
|
||||
|
||||
|
@ -66,10 +66,10 @@ export default {
|
||||
| loading | 是否为加载状态 | `boolean` | `false` | - |
|
||||
| disabled | 是否为禁用状态 | `boolean` | `false` | - |
|
||||
| size | 开关尺寸 | `string` | `24px` | - |
|
||||
| active-color | 开关时的背景色 | `string` | `#1989fa` | 1.5.0 |
|
||||
| inactive-color | 开关时的背景色 | `string` | `#fff` | 1.5.0 |
|
||||
| active-value | 打开时的值 | `any` | `true` | 1.5.6 |
|
||||
| inactive-value | 关闭时的值 | `any` | `false` | 1.5.6 |
|
||||
| active-color | 开关时的背景色 | `string` | `#1989fa` | - |
|
||||
| inactive-color | 开关时的背景色 | `string` | `#fff` | - |
|
||||
| active-value | 打开时的值 | `any` | `true` | - |
|
||||
| inactive-value | 关闭时的值 | `any` | `false` | - |
|
||||
|
||||
### Events
|
||||
|
||||
|
@ -106,8 +106,8 @@ export default {
|
||||
| size | 开关尺寸 | `string` | `30px` | - |
|
||||
| active-color | 打开时的背景色 | `string` | `#1989fa` | - |
|
||||
| inactive-color | 关闭时的背景色 | `string` | `#fff` | - |
|
||||
| active-value | 打开时的值 | `any` | `true` | 1.5.6 |
|
||||
| inactive-value | 关闭时的值 | `any` | `false` | 1.5.6 |
|
||||
| active-value | 打开时的值 | `any` | `true` | - |
|
||||
| inactive-value | 关闭时的值 | `any` | `false` | - |
|
||||
|
||||
### Events
|
||||
|
||||
|
@ -183,20 +183,20 @@ export default {
|
||||
| v-model | 绑定当前选中标签的标识符 | `string | number` | `0` | - |
|
||||
| type | 样式类型,可选值为`card` | `string` | `line` | - |
|
||||
| duration | 动画时间,单位秒 | `number` | `0.3` | - |
|
||||
| background | 标签栏背景色 | `string` | `white` | 1.6.5 |
|
||||
| background | 标签栏背景色 | `string` | `white` | - |
|
||||
| line-width | 底部条宽度,默认单位 px | `number | string` | `auto` | - |
|
||||
| line-height | 底部条高度,默认单位 px | `number | string` | `3px` | 1.5.0 |
|
||||
| line-height | 底部条高度,默认单位 px | `number | string` | `3px` | - |
|
||||
| color | 标签主题色 | `string` | `#f44` | - |
|
||||
| title-active-color | 标题选中态颜色 | `string` | - | 1.6.5 |
|
||||
| title-inactive-color | 标题默认态颜色 | `string` | - | 1.6.5 |
|
||||
| title-active-color | 标题选中态颜色 | `string` | - | - |
|
||||
| title-inactive-color | 标题默认态颜色 | `string` | - | - |
|
||||
| swipe-threshold | 滚动阈值,标签数量超过多少个可滚动 | `number` | `4` | - |
|
||||
| offset-top | 粘性定位布局下与顶部的最小距离,单位 px | `number` | `0` | - |
|
||||
| animated | 是否开启切换标签内容时的转场动画 | `boolean` | `false` | - |
|
||||
| border | 是否显示标签栏外边框,仅在`type="line"`时有效 | `boolean` | `true` | 2.0.0 |
|
||||
| ellipsis | 是否省略过长的标题文字 | `boolean` | `true` | 1.5.0 |
|
||||
| ellipsis | 是否省略过长的标题文字 | `boolean` | `true` | - |
|
||||
| sticky | 是否使用粘性定位布局 | `boolean` | `false` | - |
|
||||
| swipeable | 是否开启手势滑动切换 | `boolean` | `false` | - |
|
||||
| lazy-render | 是否开启标签页内容延迟渲染 | `boolean` | `true` | 1.6.6 |
|
||||
| lazy-render | 是否开启标签页内容延迟渲染 | `boolean` | `true` | - |
|
||||
|
||||
### Tab Props
|
||||
|
||||
|
@ -151,10 +151,10 @@ export default {
|
||||
| fixed | 是否固定在底部 | `boolean` | `true` | - |
|
||||
| border | 是否显示外边框 | `boolean` | `true` | 2.0.0 |
|
||||
| z-index | 元素 z-index | `number` | `1` | - |
|
||||
| active-color | 选中标签的颜色 | `string` | `#1989fa` | 1.5.1 |
|
||||
| active-color | 选中标签的颜色 | `string` | `#1989fa` | - |
|
||||
| inactive-color | 未选中标签的颜色 | `string` | `#7d7e80` | 2.0.0 |
|
||||
| route | 是否开启路由模式 | `boolean` | `false` | 2.0.0 |
|
||||
| safe-area-inset-bottom | 是否开启 iPhone X 底部安全区适配,需要在 `viewport` meta 标签中设置 `viewport-fit=cover` | `boolean` | `false` | 1.6.15 |
|
||||
| safe-area-inset-bottom | 是否开启 iPhone X 底部安全区适配,需要在 `viewport` meta 标签中设置 `viewport-fit=cover` | `boolean` | `false` | - |
|
||||
|
||||
### Tabbar Events
|
||||
|
||||
|
@ -89,7 +89,7 @@ Vue.use(Tag);
|
||||
| plain | 是否为空心样式 | `boolean` | `false` | - |
|
||||
| round | 是否为圆角样式 | `boolean` | `false` | - |
|
||||
| mark | 是否为标记样式 | `boolean` | `false` | - |
|
||||
| text-color | 文本颜色,优先级高于`color`属性 | `string` | `white` | 1.5.0 |
|
||||
| text-color | 文本颜色,优先级高于`color`属性 | `string` | `white` | - |
|
||||
|
||||
### Slots
|
||||
|
||||
|
@ -124,7 +124,7 @@ toast2.clear();
|
||||
| closeOnClick | 是否在点击后关闭 | `boolean` | `false` | 2.1.5 |
|
||||
| loadingType | 加载图标类型, 可选值为 `spinner` | `string` | `circular` | - |
|
||||
| duration | 展示时长(ms),值为 0 时,toast 不会消失 | `number` | `3000` | - |
|
||||
| className | 自定义类名 | `any` | - | 1.6.0 |
|
||||
| className | 自定义类名 | `any` | - | - |
|
||||
| onOpened | 完全展示后的回调函数 | `Function` | - | 2.0.0 |
|
||||
| onClose | 关闭时的回调函数 | `Function` | - | 1.6.10 |
|
||||
| getContainer | 指定挂载的节点,可以传入选择器,<br>或一个返回节点的函数 | `string | () => HTMLElement` | `body` | 1.6.3 |
|
||||
| onClose | 关闭时的回调函数 | `Function` | - | - |
|
||||
| getContainer | 指定挂载的节点,可以传入选择器,<br>或一个返回节点的函数 | `string | () => HTMLElement` | `body` | - |
|
||||
|
Loading…
x
Reference in New Issue
Block a user