美文网首页
vue粒子特效插件vue-particles

vue粒子特效插件vue-particles

作者: 七幺七 | 来源:发表于2020-01-12 11:08 被阅读0次

    安装

    npm install vue-particles --save-dev

    在main.js中引入

    import VueParticles from ‘vue-particles‘
    Vue.use(VueParticles)

    使用

    <vue-particles
            color="#fff"
            :particleOpacity="0.7"
            :particlesNumber="60"
            shapeType="circle"
            :particleSize="4"
            linesColor="#fff"
            :linesWidth="1"
            :lineLinked="true"
            :lineOpacity="0.4"
            :linesDistance="150"
            :moveSpeed="2"
            :hoverEffect="true"
            hoverMode="grab"
            :clickEffect="true"
            clickMode="push"
            class="lizi"
          >
      </vue-particles>
    

    相关文章

      网友评论

          本文标题:vue粒子特效插件vue-particles

          本文链接:https://www.haomeiwen.com/subject/arpiactx.html