vue-move-tags v0.1.4

#####Install（安装）

npm i vue-move-tags

#####Quick Start（快速开始）

import Vue from 'vue'
import MoveTags from 'vue-move-tags'
import 'vue-move-tags/lib/MoveTags.css'
Vue.use(MoveTags)

###ComponentArgs（组件参数） | Item | explanation | Type | Default | | ----------------------- | ----------------------------| ------ | ------- | | tagList | 需要渲染的数组 | Array | 必须 | | size | 组件大小 mini/small/medium | String | mini | ###Options（配置选项）

颜色支持RGB格式：rgb(0,0,0,0)

###Events

###ExampleDemo(样例代码)

<template>
    <div>
        <vue-move-tags :tag-list="tagList" size="small" :options="options"
                       @get-move-tags-event="getMoveTagsEvent"></vue-move-tags>
    </div>
</template>
    export default {
        name: "test",
        data() {
            return {
                tagList: [{
                    name: "LoveZhangCheng",
                    value: "22"
                }, {
                    name: "迪丽热巴",
                    value: "23"
                }, {
                    name: "古力娜扎",
                    value: "24"
                }, {
                    name: "张天爱",
                    value: "21"
                }, {
                    name: "刘亦菲",
                    value: "22"
                }, {
                    name: "关晓彤",
                    value: "24"
                }, {
                    name: "李沁",
                    value: "20"
                }],
                //配置项
                options: {
                    //默认选中第index个
                    defaultSelect: 1,
                    //需要显示的属性名，默认name
                    showName: "name",
                    //左按钮颜色
                    leftBtnColor: "",
                    //右按钮颜色
                    rightBtnColor: "",
                    //背景颜色
                    tagsColor: "",
                    //单项item颜色
                    tagsItemColor: "",
                    //单项item悬浮Hover时的颜色
                    tagsItemHover:"",
                    //单项item悬浮Hover时文字的颜色
                    tagsItemHoverTextColor:"",
                    //单项item选中颜色
                    tagsChooseItemColor: "",
                    //单项item文字颜色
                    tagsItemTextColor: "",
                    //单项item文字选中颜色
                    tagsChooseItemTextColor: "",
                    //单项item文字字体
                    tagsItemFamily: "黑体",
                },
                person: {}
            }
        },
        methods: {
            getMoveTagsEvent(e) {
                this.person = e;
            }
        }
    }