更新记录

1.0.2（2020-11-12） 下载此版本

点击tab项移动问题

1.0.1（2020-11-12） 下载此版本

1.使用了fontawesome字体图标 2.tab项可定义小图标 3.可完全自定义tab项的样式 4.只有你想不到，没有你做不到

平台兼容性

使用说明

import lwlTabs from '@/components/lwl-tabs/lwl-tabs.vue'

export default {
        components: {
            lwlTabs
        },
        data() {
            return {}
        }
    }

参数说明

props: {
            current: { //当前选中的tab
                type: [Number, String],
                default: 0
            },
            list: {//tab列表数据
                type: Array,
                default () {
                    return []
                }
            },
            barStyle: {//自定义底部横条样式
                type: Object,
                default () {
                    return {}
                }
            },
            itemStyle: {//自定义选中项tab的样式
                type: Object,
                default () {
                    return {}
                }
            },
            activeColor: {//tab选中字体颜色
                type: String,
                default: 'rgb(41, 121, 255)'
            },
            inactiveColor: {//tab未选中字体颜色
                type: String,
                default: 'rgb(48, 49, 51)'
            },
            showBar: {//是否显示底部的横条
                type: Boolean,
                default: true
            },
            // 用于显示图片小图标时，图片的宽度
            iconWidth: {
                type: [String, Number],
                default: ''
            },
            // 用于显示图片小图标时，图片的高度
            iconHeight: {
                type: [String, Number],
                default: ''
            },
            // 字体大小单位rpx
            fontSize: {
                type: [String, Number],
                default: 30
            }
}