vue中使用动态粒子背景

雪天web

2022-01-11 04:37

8ce0cf1b41e5a74f0df6b0457c6c5c02.webp


https://vue-particles.netlify.app/


这个地址就是粒子背景的地址,按照官网的步骤一步步做就可以了。


1.  在项目中引入粒子插件,打开cmd 输入 :


npm install vue-particles --save-dev

 

2. 在main.js中注册此插件


8bf42c6588a138c1ca84c23b1f4006b6.webp


3. 安装好之后,复制这段代码到项目需要粒子背景的地方


f8cd11ef522f49695aa5bc09ae03da5a.webp


到这里:就可以看到效果了


这些属性具体的意思:


568aff28291d773b162ab26f7faca7a6.webp

浏览 42
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报