多种登录页样式风格

4/6/2024

# 前言

一个好看的登录页是任何系统的开始,我们提供:3种登录页样式,3个背景图片, 3乘3共计9种登录页风格供大家选择!

# 使用修改

三种样式:

  • 1、进入前端/src/views/system目录,其中有 三个 login 目录,系统默认使用 login3目录作为默认
  • 2、打开路由文件:/src/router/system/login.js,将component: () => import('/@/views/system/login2/login.vue'),,改为对应的目录即可,如使用和预览环境一样的:component: () => import('/@/views/system/login/login.vue')

三个背景图片:

  • 1、进入前端/src/assets/images/login目录,其中有login-bg.png、login-bg1.png、login-bg2.png 三个背景图片选择
  • 2、打开上面对应login目录中的login.less文件,找到对应背景图片进行更换

# 9种风格展示

  • 为节省流量,图片经过压缩后有些失真,具体可以将代码下载进行替换体验!

# 联系我们

1024 创新实验室-主任:卓大 (opens new window),混迹于各个技术圈,研究过计算机,熟悉点 java,略懂点前端。
1024 创新实验室(河南·洛阳) (opens new window) 致力于成为中原领先、国内一流的技术团队,以技术创新为驱动,合作各类项目(软件外包、技术顾问、培训等等)。

加 主任 “卓大” 微信
拉你入群,一起学习
关注 “六边形工程师”
分享:赚钱、代码、生活
请 “1024创新实验室” 喝咖啡
支持我们的开源与分享
告白气球 (钢琴版)
JESSE T