一聚教程网:一个值得你收藏的教程网站

热门教程

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

时间:2022-06-29 02:01:19 编辑:袖梨 来源:一聚教程网

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

一、效果图

先上最终效果图:

二、代码

1.安装threejs

npm install --save three

2.代码(复制可用) components文件夹新建组件waves.vue,直接复制代码如下,可直接运行:






3.使用

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





三、背景图片素材

如下图所示

热门栏目