横向tabs列表支持左右切换

安装
npm install sen-tabs --save

# 引入
import senTabs from 'sen-tabs'

Vue.use(senTabs)

页面

 <sen-tabs :items.sync="items" :current="current"></sen-tabs>或者<sen-steps></sen-steps>

data(){}
   current: "/rule/customer/index",
      items: [
        {
          label: "基础设置",
          to: "/rule/customer/index",
        },
        {
          label: "消息提醒设置",
          to: "/rule/customer/index1",
        },
        {
          label: "基础设置2",
          to: "/rule/customer/index2",
        },
        {
          label: "消息提醒设置3",
          to: "/rule/customer/index3",
        },
        {
          label: "基础设置4",
          to: "/rule/customer/index4",
        },
        {
          label: "消息提醒设置5",
          to: "/rule/customer/index5",
        },
        {
          label: "基础设置6",
          to: "/rule/customer/index6",
        },
        {
          label: "消息提醒设置7",
          to: "/rule/customer/index7",
        },
      ],

}      

图片案例