修改了登录页面和首页

pages/login.vue

 <template>
   <div class="login-div">
-    <div style="width: 50%;background: #67c23a" class="login-left">
-      <div style="margin-top: 150px;margin-left: 30px">
-        <div style="margin-top: 90px;margin-right: 50px;margin-left: 50px;color: white">
+    <div style="width: 50%;background: rgb(88,103,127)" class="login-left">
+      <div style="margin-top: 90px;margin-left: 30px">
+        <div style="margin-left: 50px;">
+        <div class="logo" style="width: 50px;height: 50px;float: left;margin-right: 20px;">
+          <img src='../static/images/fileIcon/timg.png' alt="" style="width: 100%;height: 100%;border: 1px solid white;border-radius: 48px;">
+        </div>
+        <div class="title">
+          <p style="font-size: 30px;color: white;font-weight: bold;">LIMS</p>
+        </div>
+        </div>
+        <div style="margin-left: 50px;">
+          <p style="font-size: 24px;color: #ffffff;">烟草实验室管理平台</p>
+        </div>
+        <div style="margin-top: 70px;margin-right: 50px;margin-left: 50px;color: white;background-color: red;">
 
 
           <p style="text-align: center">
-            烟草实验室管理系统
+
           </p>
         </div>
       </div>
@@ -14,6 +25,7 @@
     <div style="width: 50%;" class="login">
       <div style="margin-left: 40px;margin-right:40px;margin-top: 50px">
         <el-form id="login-form" ref="login-form">
+          <p style="font-size: 24px;color: #40485B">登录</p>
           <el-form-item label="">
             <el-input v-model="formObj.username" placeholder="用户名" />
           </el-form-item>
@@ -21,8 +33,8 @@
             <el-input v-model="formObj.password" placeholder="密码" show-password />
           </el-form-item>
         </el-form>
-        <el-button style="text-align: center;width: 100%;background-color: #FE7300;color: white" @click="_login">
-          登录
+        <el-button style="text-align: center;width: 100%;background-color: #FE7300;color: white;border: none;border-color: white;outline:none;" @click="_login">
+          <span style="font-size: 18px;">登录</span>
         </el-button>
         <div style="width:100%;font-size: 13px;margin-bottom: 15px;text-align: left;position: relative">
           <el-checkbox v-model="checkListValue" size="medium " @change="_psdChange">
@@ -72,8 +84,11 @@ export default {
           this.formObj.password = ''
           this.checkListValue = ''
         } else {
-          this.formObj.username = localStorage.getItem('username')
-          this.formObj.password = localStorage.getItem('password')
+          // this.formObj.username = localStorage.getItem('username')
+          this.formObj.username = JSON.parse(localStorage.getItem('username'))
+          console.log(this.formObj.username)
+          this.formObj.password = JSON.parse(localStorage.getItem('password'))
+          console.log(this.formObj.password)
           this.checkListValue = true
         }
       })
@@ -129,21 +144,21 @@ export default {
   margin: 100px auto;
   border: 1px solid #dcdfe6;
   border-radius: 5px;
-  box-shadow: 0 0 25px white;
+  /*box-shadow: 0 0 25px white;*/
 }
 .login {
   width: 50%;
   float: left;
   margin-top: 2%;
   height: 100%;
-  box-shadow: 0 0 25px white;
+  /*box-shadow: 0 0 25px white;*/
   border-radius: 1px;
 }
 .login-left {
   width: 50%;
   float: left;
   height: 100%;
-  box-shadow: 0 0 25px white;
+  /*box-shadow: 0 0 25px white;*/
   border-radius: 1px;
 }
 </style>