修改首页以及登录页面

src/views/index.vue

@@ -107,11 +107,12 @@
       :visible.sync="dialogVisible"
       width="80%"
       :before-close="handleClose"
+      :close-on-click-modal="false"
     >
       <span v-html="text" class="text" style="max-width: 100%;height: auto;"></span>
       <span slot="footer" class="dialog-footer">
-    <el-button @click="dialogVisible = false">取 消</el-button>
-    <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
+<!--    <el-button @click="dialogVisible = false">取 消</el-button>-->
+    <el-button type="primary" @click="dialogVisible = false">关 闭</el-button>
   </span>
     </el-dialog>
   </div>
@@ -165,12 +166,8 @@ export default {
       this.text = res
     },
     handleClose(done) {
-      this.$confirm('确认关闭？')
-        .then(_ => {
-          done()
-        })
-        .catch(_ => {
-        })
+      // console.log(done)
+      this.dialogVisible = false
     },
     firstinventory() {
       information(0).then(response => {

src/views/login.vue

@@ -4,7 +4,8 @@
       <h3 class="title">大木仓储管理系统</h3>
       <el-form-item prop="username">
         <el-input v-model="loginForm.username" type="text" auto-complete="off" placeholder="账号">
-          <svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />
+<!--          <svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />-->
+          <i slot="prefix" class="el-icon-user" style="font-size: 20px;padding-top: 11px;padding-left: 2px;color: #565656;"></i>
         </el-input>
       </el-form-item>
       <el-form-item prop="password">
@@ -15,7 +16,9 @@
           placeholder="密码"
           @keyup.enter.native="handleLogin"
         >
-          <svg-icon slot="prefix" icon-class="password" class="el-input__icon input-icon" />
+<!--          <svg-icon slot="prefix" icon-class="password" class="el-input__icon input-icon" />-->
+
+          <i slot="prefix" class="el-icon-lock" style="font-size: 20px;padding-top: 11px;padding-left: 2px;color: #565656;"></i>
         </el-input>
       </el-form-item>
       <el-form-item prop="code">
@@ -26,19 +29,20 @@
           style="width: 63%"
           @keyup.enter.native="handleLogin"
         >
-          <svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon" />
+<!--          <svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon" />-->
+          <i slot="prefix" class="el-icon-connection" style="font-size: 20px;padding-top: 11px;padding-left: 2px;color: #565656;"></i>
         </el-input>
         <div class="login-code">
           <img :src="codeUrl" @click="getCode" class="login-code-img"/>
         </div>
       </el-form-item>
-      <el-checkbox v-model="loginForm.rememberMe" style="margin:0px 0px 25px 0px;">记住密码</el-checkbox>
+      <el-checkbox v-model="loginForm.rememberMe" style="margin:0px 0px 25px 0px;color: rgba(245, 248, 250, 0.8)">记住密码</el-checkbox>
       <el-form-item style="width:100%;">
         <el-button
           :loading="loading"
           size="medium"
           type="primary"
-          style="width:100%;"
+          style="width:100%;border-radius: 200px"
           @click.native.prevent="handleLogin"
         >
           <span v-if="!loading">登 录</span>
@@ -154,24 +158,34 @@ export default {
 .title {
   margin: 0px auto 30px auto;
   text-align: center;
-  color: #707070;
+  font-size: 30px;
+  color: #FFFFFF;
 }
 
 .login-form {
   border-radius: 6px;
-  background: #ffffff;
+  //background: none;
+  background-color: rgba(0,0,0,0.05);
   width: 400px;
   padding: 25px 25px 5px 25px;
   .el-input {
     height: 38px;
     input {
-      height: 38px;
+      height: 40px;
+      border-radius: 200px;
+      color: #000000;
+      background-color: rgba(245,248,250,0.8);
+      border-color:rgba(0,0,0,0.1);
+    }
+    input::placeholder {
+      color: #c1c1c1;
     }
   }
   .input-icon {
     height: 39px;
-    width: 14px;
+    width: 15px;
     margin-left: 2px;
+    color: #565656;
   }
 }
 .login-tip {
@@ -183,6 +197,7 @@ export default {
   width: 33%;
   height: 38px;
   float: right;
+  border-color: #fff;
   img {
     cursor: pointer;
     vertical-align: middle;