![](http://tiebapic.baidu.com/forum/w%3D580/sign=bba1391e37a446237ecaa56aa8237246/af78abb7d0a20cf4e72ebdbb61094b36adaf9917.jpg?tbpicau=2024-09-19-05_7ef4609d31a67b9e33cbd768d299e724)
)
使用步骤
1.下载npm包
npm install waveball-square
2.在vue项目入口文件main.js中导入并注册为全局插件
import waveBall from 'waveball-square'
Vue.use(waveBall)
3.在其他页面直接使用<wave-ball></wave-ball>标签
<wave-ball :cols=options.cols :rows=options.rows :color=options.color></wave-ball>
// data数据
data() {
return {
options: {
cols: xxx,
rows: xxx,
color: xxx
}
}
}
参数如下:
cols----》列数----》Number类型----》默认值15
rows----》列数----》Number类型----》默认值15
color----》小球颜色----》String类型----》默认值'black'