更新记录

1.1.2（2022-11-04） 下载此版本

设置默认选中值bug，通过接口返回添加定时优化

1.1.1（2022-09-29） 下载此版本

1.自定义宽度组件宽度时，修复 优化 进度条 滚动显示问题

1.10（2022-09-29） 下载此版本

新增功能：

1. defaultKey =>默认tab key选中值
2. optStyle => 选中的文字样式
3. optStyleElse=>其他未选中的文字样式 4.tabStyle => 自定义组件样式

平台兼容性

wly-tabnav

父组件中说明

文档地址

<!-- 引入 -->
<wly-tabnav ref="tabnav" :fixed="true" :tabnav="tabnav" @ontype_='ontype'></wly-tabnav>

API

Countdown Events

    this.$refs.tabnav.typefun(0);//当前需要自定义跳转的索引

    // 当前选中的值
    ontype(e){
        console.log(e);//
    }

子组件参数说明

/** props 参数说明
 * fixed 是否固定窗口
 * tabnav 导航列表
 * */
        props:{
            // 线条宽度
            lineW:{
                type: [Number,String],
                default: 0
            },
            // 线条颜色
            lineStyle:{
                type: [String],
                default: ''
            },
            // 是否固定
            fixed:{
                type: Boolean,
                default: true
            },
            // 菜单导航
            tabnav: {
                type: Array,
                default:[{
                    type: '', //状态值
                    name: '全部',
                    list: [], //数据
                }, {
                    type: '0', //状态值
                    name: '待付款',
                    list: [], //数据
                }, {
                    type: '2', //状态值
                    name: '待收货',
                    list: [], //数据
                }, {
                    type: '3', //状态值
                    name: '已完成',
                    list: [], //数据
                }, {
                    type: '5', //状态值
                    name: '售后',
                    list: [], //数据
                }]
            },
        },