vue-magic-line是用于Vue.js项目的响应式，灵活的选项卡组件。

安装和下载：

# Yarn
$ yarn add vue-magic-line

# NPM
$ npm install vue-magic-line --save

Properties

vue-magic-line

属性	描述	值	默认值
secondary	显示第二行	Boolean	true
parent	适用于父母，不链接	Boolean	true
magic-line-wrapper-css	类magic-line-wrapper的 CSS	Object	{}
magic-line-item-wrapper-css	类magic-line-item-wrapper的 CSS	Object	{}
magic-line-item-css	类magic-line-item的 CSS	Object	{}
magic-line-item-link-css	类magic-line-item-link的 CSS	Object	{}
magic-line-content-wrapper-css	类magic-line-content-wrapper的 CSS	Object	{}
primary-color	主线颜色	String	rgb(0, 188, 212)
primary-height	主线高度	Number	3px
primary-top	给主线增加一些余量	Number	3px
secondary-color	辅助线颜色	String	rgba(211, 211, 211, 0.4)
secondary-height	辅助线的高度	Number	2px
secondary-top	给第二行增加一些余量	Number	3px
duration	魔术线过渡的持续时间（以秒为单位）	Number	0.3

vue-magic-line-tab

属笥	描述	值	默认值
active	设置活动标签	Boolean	true
disabled	禁用标签	Boolean	false

事件

事件	描述	参数
before-set-primary	定位主线之前	primary-line, tab
set-primary	定位主线后	primary-line, tab
before-set-secondary	放置辅助线之前	secondary-line, tab
set-secondary	定位辅助线后	secondary-line, tab

---

官网：https://github.com/piccard21/vue-magic-line

演示：https://www.vue365.cn/code_demo.php?id=735

GitHub下载：https://github.com/piccard21/vue-magic-line/archive/master.zip