)
使用步骤
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'