arc-tabs组件使用文档

一、引入

1、全局注册

import Vue from "vue";
import arcTabs from "arc-tabs";
 
Vue.use(arcTabs);

2、局部注册

import arcTabs from "arc-tabs"
export default {
  name: 'App',
  components:{
    arcTabs
  }
}

二、使用

1、基础使用

<arc-tabs :data="[1,2,3,4,5]"></arc-tabs>

2、属性

参数	类型	说明	是否必需	默认值
data	Array	需要显示的tab数据	是	无
width	Number	组件宽度	否	800
height	Number	组件高度	否	100
tabSize	Number	tab按钮的尺寸（宽高一致）	否	50
bgImage	String	tab背景图，建议使用base64格式图片	否	-
unit	String	tab数据的单位	否	无
fontStyle	Object	tab上文字的样式	否	-
arcStyle	Object	弧边样式（建议减少border宽度，多使用阴影，以减少border宽度对定位的影响）	否	-
chooseStyle	Object	选中tab上文字的样式	否	-