diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index bcc682e..3127309 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -3,24 +3,36 @@
     <div class="login">
       <div class="login_title">安全培训系统登录</div>
       <div class="login_form">
-        <el-input placeholder="用户名" v-model="input1">
-          <template slot="prepend">Http://</template>
+        <el-input placeholder="用户名" v-model="loginForm.username">
+          <template slot="prepend">
+            <icon class="el-icon-user" style="font-size: 20px;" />
+          </template>
         </el-input>
-        <el-input placeholder="密码" v-model="input1">
-          <template slot="prepend">Http://</template>
+        <el-input placeholder="密码" show-password v-model="loginForm.password">
+          <template slot="prepend">
+            <icon class="el-icon-goods" style="font-size: 20px;" />
+          </template>
         </el-input>
-        <el-link
-          href="javascript:void(0)"
-          :underline="false"
-          icon="el-icon-edit"
-          >忘记密码</el-link
-        >
+        <el-link href="javascript:void(0)" :underline="false" icon="el-icon-edit">忘记密码</el-link>
         <el-button type="primary">登 录</el-button>
       </div>
     </div>
   </div>
 </template>
 
+<script>
+export default {
+  data() {
+    return {
+      loginForm: {
+        username: "",
+        password: ""
+      }
+    }
+  }
+}
+</script>
+
 <style scoped>
 .login_main {
   width: 100%;
@@ -43,6 +55,7 @@
   font-weight: bold;
   text-align: center;
   line-height: 60px;
+  margin-bottom: 10px;
 }
 /* border-bottom: 1px solid #ccc; */
 .login_form {