更新记录
1.0.0(2023-06-08) 下载此版本
- 发布插件
mti-appTabs
平台兼容性
Vue2 | Vue3 |
---|---|
√ | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.4.9 app-vue | × | × | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | × | × | × | × |
mti-appTabs
属性 Props
参数 | 说明 | 类型 | 是否必传 | 可选值 | 默认值 |
---|---|---|---|---|---|
tabs | 设置tabs列表数组,支持格式: ['全部', '待付款'] 或 [{name:'全部'}, {name:'待付款'}] | Array | 是 | ||
nameKey | 设置取name的字段 | String | 否 | name | |
v-model | 设置当前显示的下标 | String | Number | 否 | 0 | |
fixed | 设置tabs是否悬浮 | Boolean | 否 | false | |
tabWidth | 每个tab的宽度,默认不设置值,为flex平均分配; 如果指定宽度,则不使用flex,每个tab居左,超过则水平滑动(单位默认rpx) |
Number | 否 | ||
height | 设置tabs高度,单位(rpx) | Number | 否 | 64 | |
top | 顶部偏移的距离,默认单位rpx (当fixed=true时,已加上windowTop) | Number | 否 | 0 | |
color | 设置tabs激活状态颜色 | String | 否 | '#1181FA' |
方法 Methods
方法名 | 说明 | 参数 | 使用方法 |
---|---|---|---|
change | tab切换时触发,返回当前tab序号 | @change="" |