Commit 65a42085 authored by kaitly205422@163.com's avatar kaitly205422@163.com

修改登录页面

parent 54956921
src/assets/login/login-bg.png

338 KB | W: | H:

src/assets/login/login-bg.png

328 KB | W: | H:

src/assets/login/login-bg.png
src/assets/login/login-bg.png
src/assets/login/login-bg.png
src/assets/login/login-bg.png
  • 2-up
  • Swipe
  • Onion skin
<template>
<div class="login" :style="{ backgroundImage: `url(${bg})` }">
<div class="title">
<div class="login-logo">
<!-- <div class="login-logo">
<van-image width="48" height="48" :src="require('@/assets/imgs/logo.png')" />
<span style="margin-left: 6px">融通危险源辨识系统</span>
</div>
</div> -->
<!-- <div class="login-name">Enterprise Business Data Monitoring</div> -->
</div>
<div class="con" :style="{ backgroundImage: `url(${conBg})` }">
<div class="hello">Hello!</div>
<div class="welcome">欢迎登录<span></span>!</div>
<div class="hello">融通危险源辨识系统</div>
<div class="welcome">用户登录<span></span></div>
<div class="login-form">
<van-form @submit="onSubmit" :show-error-message="false" validate-trigger="onSubmit">
<div class="username-wrap">
......@@ -151,15 +151,15 @@ export default {
<style lang="less" scoped>
/* @import url(); 引入css类 */
.login {
background-size: cover;
background-size: 100% auto;
background-repeat: no-repeat;
background-attachment: fixed;
height: 100vh;
overflow: auto;
position: relative;
background-color: #fff;
.title {
padding-top: 22%;
.login-logo {
margin: 0 auto;
font-size: 26px;
......@@ -181,23 +181,32 @@ export default {
}
.con {
width: 345px;
width: 320px;
height: 340px;
margin: 62px auto 0;
margin: auto;
padding: 35px 25px;
box-sizing: border-box;
background-size: cover;
background-repeat: no-repeat;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
border-radius: 10px;
position: absolute;
top: 50vh;
left: 50%;
transform: translate(-50%, -120px);
.hello {
color: #004fb1;
font-size: 20px;
font-size: 24px;
font-weight: bold;
text-align: center;
}
.welcome {
margin: 15px 0;
color: #7795e0;
text-align: center;
font-size: 18px;
span {
color: #71aaf2;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment