前言
一个好看的登录页是任何系统的开始,我们提供: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 创新实验室-主任:卓大,混迹于各个技术圈,研究过计算机,熟悉点 java,略懂点前端。
1024 创新实验室(河南·洛阳) 致力于成为中原领先、国内一流的技术团队,以技术创新为驱动,合作各类项目(软件外包、技术顾问、培训等等)。
加微信: 卓大 拉你入群,一起学习 | 公众号 :六边形工程师 分享:赚钱、代码、生活 | 请 “1024创新实验室” “烩面里加肉” “ 咖啡配胡辣汤,提神又饱腹” | 抖音 : 六边形工程师 直播:赚钱、代码、中医 |