diff --git a/.env.development b/.env.development index ece64a9..31b1eb7 100644 --- a/.env.development +++ b/.env.development @@ -1 +1 @@ -VUE_APP_API_BASE_URL=http://1.14.132.108:10002/api \ No newline at end of file +VUE_APP_API_BASE_URL=http://localhost:10001/api diff --git a/src/views/login/forget.vue b/src/views/login/forget.vue index 330b5c8..3938bf5 100644 --- a/src/views/login/forget.vue +++ b/src/views/login/forget.vue @@ -144,7 +144,7 @@ export default { }; return { // 登录框方向, 0居中, 1居右, 2居左 - direction: 0, + direction: 2, // 加载状态 loading: false, // 表单数据 @@ -256,7 +256,7 @@ export default { padding: 48px 16px 0 16px; position: relative; box-sizing: border-box; - background-image: url("~@/assets/bg-login.jpg"); + background-image: url("~@/assets/bg-login2.png"); background-repeat: no-repeat; background-size: cover; min-height: 100vh; diff --git a/src/views/login/login.vue b/src/views/login/login.vue index a59f882..d1789dd 100644 --- a/src/views/login/login.vue +++ b/src/views/login/login.vue @@ -6,7 +6,9 @@ :rules="rules" layout="vertical" class="login-form ele-bg-white"> -

{{ $t('login.title') }}

+

南宁生态环境监测数据
+ 综合分析平台

+ - - - {{ $t('login.remember') }} - - - {{ $t('login.forget') }} - - + + + + + + + + + + + {{ loading ? $t('login.loading') : $t('login.login') }} @@ -122,7 +125,7 @@ export default { data() { return { // 登录框方向, 0居中, 1居右, 2居左 - direction: 0, + direction: 2, // 加载状态 loading: false, // 表单数据 @@ -233,7 +236,7 @@ export default { padding: 48px 16px 0 16px; position: relative; box-sizing: border-box; - background-image: url("~@/assets/bg-login.jpg"); + background-image: url("~@/assets/bg-login2.png"); background-repeat: no-repeat; background-size: cover; min-height: 100vh; @@ -246,7 +249,7 @@ export default { left: 0; right: 0; bottom: 0; - background: rgba(0, 0, 0, .2); + /*background: rgba(0, 0, 0, .2);*/ } /* 卡片 */ @@ -256,7 +259,7 @@ export default { max-width: 100%; padding: 0 28px; box-sizing: border-box; - box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15); + /*box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);*/ border-radius: 2px; position: relative; z-index: 2; @@ -270,11 +273,21 @@ export default { margin: 0 auto 0 15%; } +.login-form h1 { + padding: 22px 0; + text-align: left; + color: #2f95e9; + font-size: 30px; +} .login-form h4 { padding: 22px 0; text-align: center; } - +.login-form :deep(.ant-input-affix-wrapper-lg) { + border-radius: 24px; + border-color: #ffffff; + box-shadow: 1px 2px 5px 3px rgba(0,0,0,.05); +} /* 验证码 */ .login-input-group { display: flex; @@ -283,18 +296,28 @@ export default { .login-input-group :deep(.ant-input-affix-wrapper) { flex: 1; + border-radius: 24px; + border-color: #ffffff; + box-shadow: 1px 2px 5px 3px rgba(0,0,0,.05); } + + .login-input-group .login-captcha { width: 102px; height: 40px; margin-left: 10px; padding: 0; + border: none; } .login-input-group .login-captcha > img { width: 100%; height: 100%; + border-radius: 24px; + border-color: #ffffff; + box-shadow: 1px 2px 5px 3px rgba(0,0,0,.05); + overflow: hidden; } /* 第三方登录图标 */