优化下中台登录页面
This commit is contained in:
parent
bad30fc0a5
commit
1b87a5ecb5
BIN
web/src/assets/login.jpg
Normal file
BIN
web/src/assets/login.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 77 KiB |
@ -1,17 +0,0 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="1457px" height="651px" viewBox="0 0 1457 651" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 54 (76480) - https://sketchapp.com -->
|
||||
<title>bg</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<g id="页面1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="body">
|
||||
<rect id="矩形" fill="#E0E3F5" transform="translate(1111.405592, 620.405592) rotate(45.000000) translate(-1111.405592, -620.405592) " x="1089.90559" y="598.905592" width="43" height="43"></rect>
|
||||
<rect id="矩形" fill="#DEEFF6" transform="translate(127.254834, 230.254834) rotate(40.000000) translate(-127.254834, -230.254834) " x="95.254834" y="198.254834" width="64" height="64"></rect>
|
||||
<circle id="Oval-7" fill="#C9CFED" fill-rule="nonzero" opacity="0.45" cx="1286.5" cy="27.5" r="23.5"></circle>
|
||||
<circle id="Oval-7" fill="#E7E6E6" fill-rule="nonzero" opacity="0.45" cx="191" cy="51" r="18"></circle>
|
||||
<circle id="Oval-7" fill="#EFEFEF" fill-rule="nonzero" opacity="0.45" cx="888" cy="499" r="18"></circle>
|
||||
<ellipse id="Oval-7" stroke="#E4E4F2" stroke-width="10" fill-opacity="0" fill="#FFFFFF" fill-rule="nonzero" opacity="0.45" cx="1373.5" cy="331.5" rx="78.5" ry="79.5"></ellipse>
|
||||
<ellipse id="Oval-7" stroke="#CEECF8" stroke-width="10" fill-opacity="0" fill="#FFFFFF" fill-rule="nonzero" opacity="0.45" cx="235" cy="481.5" rx="44" ry="44.5"></ellipse>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
Before Width: | Height: | Size: 1.6 KiB |
@ -220,17 +220,17 @@ export default {
|
||||
.login {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
min-height: 624px;
|
||||
position: relative;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50%;
|
||||
background-size: 100%;
|
||||
background-image: url(~@/assets/login.svg);
|
||||
background-size: cover;
|
||||
background-image: url(~@/assets/login.jpg);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
&-form {
|
||||
width: 300px;
|
||||
margin: auto;
|
||||
padding-top: 90px;
|
||||
|
||||
.logo {
|
||||
display: flex;
|
||||
|
@ -74,6 +74,10 @@ export default {
|
||||
mounted() {
|
||||
const { code, state } = this.$route.query;
|
||||
|
||||
if (!code || !state) {
|
||||
return this.$router.replace('/user/login');
|
||||
}
|
||||
|
||||
utils.request
|
||||
.post('/user/wechat_login', { code, state })
|
||||
.then(res => {
|
||||
@ -96,13 +100,16 @@ export default {
|
||||
height: 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50%;
|
||||
background-size: 100%;
|
||||
background-image: url(~@/assets/login.svg);
|
||||
background-size: cover;
|
||||
background-image: url(~@/assets/login.jpg);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
&-body {
|
||||
width: 320px;
|
||||
margin: auto;
|
||||
padding-top: 90px;
|
||||
|
||||
.hands {
|
||||
line-height: 88px;
|
||||
|
Loading…
x
Reference in New Issue
Block a user