更新记录
1.0.1(2022-10-27)
下载此版本
更新滑动动画
1.0.0(2022-10-26)
下载此版本
在2.0版本支持回弹
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.6.4 |
× |
× |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
× |
× |
× |
× |
√ |
× |
× |
× |
× |
一、使用
<sxs-tabs
:selectedId="selectedId"
:items="items"
:options="options"
@change="handleChange"
></sxs-tabs>
<script>
import sxsTabs from '@/components/sxs-tabs/sxs-tabs.vue'
export default {
components:{
sxsTabs
},
data() {
return {
selectedId:0,
items:[
{label: '热门'},
{label: '服饰'},
{label: '鞋包'},
{label: '母婴'},
{label: '百货'},
{label: '食品'},
{label: '内衣'},
{label: '男装'},
{label: '电器'}
],
options:{
color:"#008792",//设置选中颜色
}
}
},
methods: {
handleChange( e ){
console.log( e )
}
}
}
</script>
二、属性
属性名 |
说明 |
类型 |
selectedId |
当前选中 |
Number/String |
items |
tab数据列表 |
Array |
options |
选中文字颜色 |
Object |
change |
点击事件 |
Function |
三、联系QQ群
QQ群:191105440