更新记录
1.0.0(2023-08-09)
下载此版本
1.0.0
平台兼容性
HbuilderX/cli最低兼容版本 |
3.4.15 |
uni-app
app-vue |
app-nvue |
app-android |
app-ios |
app-harmony |
? |
? |
? |
? |
? |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
? |
? |
? |
? |
? |
? |
? |
? |
? |
uni-app x
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、事件