vue 粒子背景 vue-particles

2021/7/24 6:05:16

本文主要是介绍vue 粒子背景 vue-particles,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

npm install vue-particles --save-dev   https://vue-particles.netlify.app/

   Main.js file

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

 App.vue file

<template>
    <div id="app">
      <vue-particles
        color="#dedede"
        :particleOpacity="0.7"
        :particlesNumber="80"
        shapeType="circle"
        :particleSize="4"
        linesColor="#dedede"
        :linesWidth="1"
        :lineLinked="true"
        :lineOpacity="0.4"
        :linesDistance="150"
        :moveSpeed="3"
        :hoverEffect="true"
        hoverMode="grab"
        :clickEffect="true"
        clickMode="push"
      >
      </vue-particles>
    </div>
 </template>
 


这篇关于vue 粒子背景 vue-particles的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程