更新记录
1.0.0(2023-08-09) 下载此版本
1.0.0
平台兼容性
Vue2 | Vue3 |
---|---|
√ | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.4.15 app-vue app-nvue | √ | √ | √ | √ | √ | √ |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 | 鸿蒙元服务 |
---|---|---|---|---|
√ | √ | √ | √ | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | √ | √ | √ |
1、用法
<jm-tabs :Data="tabData" @onItem="onItem"></jm-tabs>
2、脚本文件
export default {
data() {
return {
tabData:[
{
id:"0",
name:"视频"
},{
id:"1",
name:"财经"
},{
id:"2",
name:"科技"
},{
id:"3",
name:"热点"
},{
id:"4",
name:"国际"
},{
id:"5",
name:"军事"
},{
id:"6",
name:"直播"
},{
id:"7",
name:"养生"
}
]
}
},
onLoad() {
},
methods: {
onItem(id){
uni.showToast({
icon:"none",
title:"id:"+id,
position:"bottom"
})
}
}
}
3、属性说明
参数 | 类型 | 默认值 | 说明 |
---|---|---|---|
Index | Number | 0 | 默认选中 |
load | Boolean | false | 加载中 |
Data | Array | null | 绑定数据 |
scroll | Boolean | false | 开启滑动 |
width | Number | 150 | 文本宽度,开启滑动生效 |
absolute | Boolean | false | 顶部固定 |
activeColor | String | 'red' | 选中颜色 |
paddingBottom | String | '10' | 文本底部内边距 |
4、事件
事件名 | 说明 |
---|---|
onItem | 选中时触发 |