更新记录

1.0.3（2023-07-27）

继续优化

1.0.2（2023-07-27）

优化功能

1.0.1（2023-07-26）

优化兼容微信小程序和app

平台兼容性

引入组件

import xlTabSw from '@/components/xl-tab-sw/xl-tab-sw.vue'

注册组件

components: {
   xlTabSw
},

使用组件

 <xl-tab-sw 
     :pattern='true'
      :tabsList="tabsList"
      @change="approach">
  </xl-tab-sw>

参数说明

pattern：布尔值（true/false）代表两种类型tab的切换
tabsList：tab数据（数组）
@change：点击时的回调（接收参数index）

数据格式

tabsList: [
            {
                  name: 'tab1',
                  id: 1
              },
              {
                  name: 'tab2',
                  id: 2
              },
              {
                  name: 'tab3',
                  id: 3
              },
              {
                  name: 'tab4',
                  id: 4
              },
              {
                  name: 'tab5',
                  id: 6
              }
          ]