更新记录
1.0.1(2022-10-27)
下载此版本
更新滑动动画
1.0.0(2022-10-26)
下载此版本
在2.0版本支持回弹
平台兼容性
uni-app
Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
√ |
- |
- |
- |
- |
- |
- |
- |
- |
微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
其他
一、使用
<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