sen-tabs
v0.0.2
Published
横向tabs列表-支持左右切换
Downloads
8
Readme
tabs。
Home: -
Docs: network(组件调用地址)
Blog: https://blog.csdn.net
开发
1. npm install
2. npm run serve
3. http://localhost:8080
使用
# 安装
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",
},
],
}
图片案例
window监听resize存在缺陷先这样吧