【Vue+element+admin】登陆页面篇(login.vue)

【Vue+element+admin】登陆页面篇(login.vue)_第1张图片

 一、登陆页面位置src\views\login\index.vue

【Vue+element+admin】登陆页面篇(login.vue)_第2张图片

 二、更换登陆背景图片

1、assets中放入图片

【Vue+element+admin】登陆页面篇(login.vue)_第3张图片

 2、在css中加入背景图片

  background-image: url("../../assets/login_1.jpg");
  background-size:cover;

【Vue+element+admin】登陆页面篇(login.vue)_第4张图片

二、系统默认启动login/index.vue页面的原理

permission.js

【Vue+element+admin】登陆页面篇(login.vue)_第5张图片

 路由配置:ruoter/index.js

【Vue+element+admin】登陆页面篇(login.vue)_第6张图片

 

你可能感兴趣的:(26.【Vue】,vue.js,javascript,前端)