v-tag-cloud

Vue标签云组件

Usage no npm install needed!

<script type="module">
  import vTagCloud from 'https://cdn.skypack.dev/v-tag-cloud';
</script>

README

tagCloud

项目介绍

Vue标签云UI组件

安装教程

npm install v-tag-cloud -S
全局使用，在main.js中

import tagCloud from 'v-tag-cloud'
Vue.component(tagCloud, 'tagCloud')

组件内使用：

import tagCloud from 'v-tag-cloud'
export default {
    components: {
        tagCloud
    }
}

使用说明

data String数组。每一项就是一个标签。
config Object对象，配置项。有下面几个参数：

参数|默认值|说明

| :-: | -: radius|120|滚动半径，Number，单位px maxFont|24|最大字体大小 color|null|字体颜色。为null时随机 rotateAngleXbase|600|X方向旋转速度基数，数越小速度越快 rotateAngleYbase|600|Y方向旋转速度基数，数越小速度越快 hover|true|是否开启悬浮联动