首页样式

.env.development

@@ -1 +1 @@
-VUE_APP_API_BASE_URL=http://1.14.132.108:10002/api
+VUE_APP_API_BASE_URL=http://localhost:10001/api

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;

src/views/login/login.vue

@@ -6,7 +6,9 @@
       :rules="rules"
       layout="vertical"
       class="login-form ele-bg-white">
-      <h4>{{ $t('login.title') }}</h4>
+      <h1>南宁生态环境监测数据<br/>
+        综合分析平台</h1>
+<!--      <h4>{{ $t('login.title') }}</h4>-->
       <a-form-item name="username">
         <a-input
           allow-clear
@@ -44,22 +46,23 @@
           </a-button>
         </div>
       </a-form-item>
-      <a-form-item>
-        <a-checkbox v-model:checked="form.remember">
-          {{ $t('login.remember') }}
-        </a-checkbox>
-        <router-link
-          to="/forget"
-          class="ele-pull-right"
-          style="line-height: 22px;">
-          {{ $t('login.forget') }}
-        </router-link>
-      </a-form-item>
+<!--      <a-form-item>-->
+<!--        <a-checkbox v-model:checked="form.remember">-->
+<!--          {{ $t('login.remember') }}-->
+<!--        </a-checkbox>-->
+<!--        <router-link-->
+<!--          to="/forget"-->
+<!--          class="ele-pull-right"-->
+<!--          style="line-height: 22px;">-->
+<!--          {{ $t('login.forget') }}-->
+<!--        </router-link>-->
+<!--      </a-form-item>-->
       <a-form-item>
         <a-button
           block
           size="large"
           type="primary"
+          shape="round"
           :loading="loading"
           @click="doSubmit">
           {{ 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;
 }
 
 /* 第三方登录图标 */