利用vue3+threejs仿iView官网大波浪特效代码实例

本篇文章小编给大家分享一下利用vue3+threejs仿iView官网大波浪特效代码实例，文章代码介绍的很详细，小编觉得挺不错的，现在分享给大家供大家参考，有需要的小伙伴们可以来看看。

一、效果图

先上最终效果图：

二、代码

1.安装threejs

npm install --save three

2.代码（复制可用） components文件夹新建组件waves.vue，直接复制代码如下，可直接运行：

3.使用

直接在login登录页面引入组件使用

三、背景图片素材

如下图所示