使用vue中使用动画vue-particles,完成粒子动画
<vue-particles color="#dedede" :particleOpacity="0.7" :particlesNumber="40" shapeType="star" :particleSize="4" linesColor="#FFFFFF" :linesWidth="2" :lineLinked="true" :lineOpacity="0.4" :linesDistance="150" :moveSpeed="3" :hoverEffect="true" hoverMode="grab" :clickEffect="true" clickMode="push" class="cash" > </vue-particles>
直接放入展示的div中使用,如果想让其当做背景,不影响页面其他的地方的效果,可以通过他的唯一id设置css样式进行编辑
#particles-js{ width: 100%; height: calc(100% - 100px); position: absolute; }
但是加了还行不想,只需要在有效果的地方加入
position: relative;
vue使用Echart来实现页面中折线图
官网地址:https://