更新记录

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 选中时触发

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问