样式

.env.development

@@ -1,4 +1,4 @@
 NODE_ENV=development
-VUE_APP_API_BASE_URL=http://127.0.0.1:8890/nyzy
+VUE_APP_API_BASE_URL=http://124.71.184.231:8891/nyzy
 VUE_APP_CAS_BASE_URL=http://cas.example.org:8443/cas
 VUE_APP_ONLINE_BASE_URL=http://fileview.jeecg.com/onlinePreview

src/components/layouts/UserLayout.vue

@@ -1,13 +1,13 @@
 <template>
   <div id="userLayout" :class="['user-layout-wrapper', device]">
     <div class="container">
-      <div class="top">
+      <!-- <div class="top">
         <div class="header">
           <a href="/">
             <img src="~@/assets/logo.png" class="logo" alt="logo">
           </a>
         </div>
-      </div>
+      </div> -->
 
       <route-view></route-view>
 
@@ -112,10 +112,11 @@
 
       .main {
         min-width: 260px;
-        width: 368px;
-        padding: 20px;
-        border-radius: 10px;
+        width: 1000px;
+        border-radius: 20px;
         margin: 60px auto;
+        background-color: #fff;
+        box-shadow: 0 0 20px #ffffff9e;
       }
 
       .footer {

src/views/user/Login.vue

@@ -1,5 +1,10 @@
 <template>
-  <div class="main">
+  <div class="clearfloat">
+    <div class="leimg">
+      <img src="~@/assets/dlbg.png" class="logo" alt="logo">
+    </div>
+    <div class="rikuang">
+      <div class="dlitem">吉林省农业资源信息平台</div>
       <a-form :form="form" class="user-layout-login" ref="formLogin" id="formLogin">
         <a-tabs
           :activeKey="customActiveKey"
@@ -105,7 +110,7 @@
           </a-button>
         </a-form-item>
       </a-form>
-
+    </div>
     <two-step-captcha
       v-if="requiredTwoStepCaptcha"
       :visible="stepCaptchaVisible"
@@ -398,6 +403,8 @@
       font-size: 16px;
       height: 40px;
       width: 100%;
+      background-color: #0067cc;
+      border-color: #0067cc;
     }
 
     .user-login-other {
@@ -426,6 +433,37 @@
 
 </style>
 <style>
+  .clearfloat:after{
+    display: block;
+    clear: both;
+    content: ""; 
+    visibility: hidden;
+    height: 0;
+  }
+  .clearfloat{
+    zoom:1
+  }
+  .leimg{
+    float: left;
+    width: 50%;
+  }
+  .rikuang{
+    width: 50%;
+    float: right;
+    padding: 40px;
+    box-sizing: border-box;
+  }
+  .ant-form{
+    width: 80%;
+    margin: auto;
+  }
+  .dlitem{
+    font-size: 34px;
+    color: #0067cc;
+    font-weight: 600;
+    text-align: center;
+    margin-bottom: 40px;
+  }
   .valid-error .ant-select-selection__placeholder{
     color: #f5222d;
   }