🌏博客首页: 水香木鱼
📌专栏收录:后台管理
📑文章摘要:炫酷动态背景 vue2 自定义banner
💌木鱼寄语:故木秀于林,风必摧之;堆出于岸,流必湍之;行高于人,众必非之。
本期 木鱼为大家带来的是,在前端vue中实现超炫酷的动态背景【可应用与登录/注册页面、自定义banner图、全屏背景等】
👉点击进入 Vanta.js-Animated website backgrounds in a few lines of code官网,体验超炫酷背景
注意:需下载以下版本号的插件 👇
npm install vanta@0.5.24
npm install three@0.121.0
height: 100vh 根据屏幕的高度去自适应 展示
以下为 动态案例: 与官网同步…
本次演示主要以自定义banner图 为案例,给大家去演示。
水香木鱼
SHUI XIANG MU YU
活动时间:待定
组织单位:待定
水香木鱼
SHUI XIANG MU YU
活动时间:待定
组织单位:待定
水香木鱼
SHUI XIANG MU YU
活动时间:待定
组织单位:待定
水香木鱼
SHUI XIANG MU YU
活动时间:待定
组织单位:待定
本地演示效果暂未生效,未知原因。请移步官网 查看
水香木鱼
SHUI XIANG MU YU
活动时间:待定
组织单位:待定
水香木鱼
SHUI XIANG MU YU
活动时间:待定
组织单位:待定
水香木鱼
SHUI XIANG MU YU
活动时间:待定
组织单位:待定
本地尝试 未出现动态效果,请移步官网
水香木鱼
SHUI XIANG MU YU
活动时间:待定
组织单位:待定
本地演示效果暂未生效,未知原因。请移步官网 查看
本地演示效果暂未生效,未知原因。请移步官网 查看
水香木鱼
SHUI XIANG MU YU
活动时间:待定
组织单位:待定
水香木鱼
SHUI XIANG MU YU
活动时间:待定
组织单位:待定
为了节约时间,简单演示一下, 剩下的样式需要自行去修改。
账号
密码
登录
💡前端vue3+typescript搭建vite项目(初识vite+项目配置完善+屏幕适配)
💡一文图解前端WebSocket 实时通信
💡vue-生成二维码【生成、点击输入框内叉号移除生成的二维码、输入框聚焦】
💡vue封装返回顶部组件【cv可用】
💡vue实现搜索、提交等功能【回车事件】
本篇博客文章模板唯一版权归属©水香木鱼