gitee/ejyy
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

优化下中台登录页面

Browse Source
This commit is contained in:
xuecong 2021-11-23 23:29:17 +08:00
parent bad30fc0a5
commit 1b87a5ecb5
4 changed files with 16 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
web/src/assets/login.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 77 KiB

17
web/src/assets/login.svg
View File

@ -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>
Side by Side

Before

Width:  |  Height:  |  Size: 1.6 KiB

12
web/src/views/user/login/main.vue
View File

@ -220,17 +220,17 @@ export default {
.login { .login {
width: 100%; width: 100%;
height: 100%; height: 100%;
min-height: 624px;
position: relative;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: 50%; background-position: 50%;
background-size: 100%; background-size: cover;
background-image: url(~@/assets/login.svg); background-image: url(~@/assets/login.jpg);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
&-form { &-form {
width: 300px; width: 300px;
margin: auto;
padding-top: 90px;
.logo { .logo {
display: flex; display: flex;

13
web/src/views/user/login/wechat.vue
View File

@ -74,6 +74,10 @@ export default {
mounted() { mounted() {
const { code, state } = this.$route.query; const { code, state } = this.$route.query;
if (!code || !state) {
return this.$router.replace('/user/login');
}
utils.request utils.request
.post('/user/wechat_login', { code, state }) .post('/user/wechat_login', { code, state })
.then(res => { .then(res => {
@ -96,13 +100,16 @@ export default {
height: 100%; height: 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: 50%; background-position: 50%;
background-size: 100%; background-size: cover;
background-image: url(~@/assets/login.svg); background-image: url(~@/assets/login.jpg);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
&-body { &-body {
width: 320px; width: 320px;
margin: auto; margin: auto;
padding-top: 90px;
.hands { .hands {
line-height: 88px; line-height: 88px;