.

src/views/Login.vue

@@ -1,19 +1,24 @@
 <template>
-  <div class="login">
-    <h1 class="h1">登录界面</h1>
-  </div>
+    <div class="login">
+        <h1 class="h1">登录界面</h1>
+        账号：<el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
+        密码：<el-input placeholder="请输入密码" v-model="input" show-password></el-input>
+    </div>
 </template>
 <script>
 export default {
-  name: 'login',
-  mounted() {
-    
-  }
-}
+    name: "login",
+    data() {
+        return {
+            input: ""
+        };
+    },
+    mounted() {}
+};
 </script>
 
 <style lang="scss" scoped>
-.h1{
-  color: red;
+.h1 {
+    color: red;
 }
 </style>