通用后台管理系统
该系统主要结合
Element
组件编辑前端,后端实现业务逻辑,组成一个简单的前后端分离项目。
该部分动态背景功能的实现
使用vanta.js
效果:
代码
通过ref
绑定
<div ref="vantaRef"></div>
import * as THREE from 'three'
import BIRDS from 'vanta/src/vanta.birds'
export default {
name: 'App',
mounted() {
this.vantaEffect = BIRDS({
el: this.$refs.vantaRef,
THREE: THREE,
wingSpan: 34,
backgroundColor:0xccfef4,
})
},
beforeDestroy() {
if (this.vantaEffect) {
this.vantaEffect.destroy()
}
},
}