lable-list

Project setup

使用方式：

1.在main.js文件中引入

import lableList from 'lable-list'

import '../node_modules/lable-list/lib/lablelist.css'

Vue.use(lableList)

2.在页面使用即可
<DetailsLable/>



3.props:{
       list:{
      type:Array,
      default:()=>[]   //数据源
    },
    maxLength:{
      type:Number,
      default:3   //最大排列数，如果修改，需要修改css的最大高度
    },
    title:{
      type:String,
      default:'测试标签'  //左侧标题
    },
    arrBtn:{
      type:String,
      default:'userArrBtn'   //'全部'按钮的类名
    },
    value:{
      type:String,
      default:'name'    //需要赋值的key值
    },
    /**
     * 指定类名，防止单个页面多次使用组件的时候，造成影响
     * 
     */
    parentDivClass:{      
      type:String,    
      default:'parentDivClass' //父级类名
    },
    ItemListClass:{
      type:String,
      default:'ItemListClass'    //子级类名
    },
}