更新记录
1.0.0(2024-04-03) 下载此版本
插件tab
平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | × | √ | √ | √ | × | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | × | √ | - | √ | × | √ | √ |
其他
多语言 | 暗黑模式 | 宽屏模式 |
---|---|---|
× | × | √ |
jx-tab
使用步骤
1、导入
jx-tab
2、基础使用
3、传入数据 直接使用这些属性就可以
@description 底部导航组件描述 @property {Array} tabList 导航数据数组 { @property {String} typeStr 类型:用于区分位置,唯一 @property {Boolean} rShow 是否显示中心 @property {Boolean} isImg 是否显示图片 @property {Boolean} isIconfont 是否使用字体iconfont,自主调试使用 @property {String} imageUrl 图片路径 @property {String} imageActiveUrl 图片选中路径 @property {String} iconfontText 字体 @property {String} lableText 标题 } @property {String} height 占位高度 @property {Number} tabActive 选中位置 @property {String} imgHw t图片高度、宽度 @event {Function} headerClick 点击组件触发事件
#