更新记录
1.0.0(2023-06-08) 下载此版本
- 发布插件
mti-appTabs
平台兼容性
uni-app
| Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
|---|---|---|---|---|---|---|---|---|
| √ | √ | √ | √ | √ | - | - | - | - |
| 微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
|---|---|---|---|---|---|---|---|---|---|---|
| - | - | - | - | - | - | - | - | - | - | - |
其他
| 多语言 | 暗黑模式 | 宽屏模式 |
|---|---|---|
| × | × | √ |
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="" |

收藏人数:
https://gitee.com/kellymei/ctcemti-uni-app
下载插件并导入HBuilderX
下载示例项目ZIP
赞赏(0)
下载 36
赞赏 0
下载 11818527
赞赏 1818
赞赏
京公网安备:11010802035340号