feat: 密码修改

src/views/password/index.vue

@@ -2,10 +2,49 @@
 defineOptions({
   name: "possword"
 });
+import { reactive, ref } from "vue";
+const formLabelAlign = reactive({
+  name: "",
+  region: "",
+  type: ""
+});
 </script>
 
 <template>
-  <div>修改密码</div>
+  <div class="box">
+    <el-form
+      class="m-auto form"
+      label-position="top"
+      label-width="auto"
+      :model="formLabelAlign"
+      style="max-width: 400px"
+    >
+      <el-form-item label="账号">
+        <el-input v-model="formLabelAlign.name" />
+      </el-form-item>
+      <el-form-item label="密码">
+        <el-input v-model="formLabelAlign.region" />
+      </el-form-item>
+      <el-form-item label="新密码">
+        <el-input v-model="formLabelAlign.type" />
+      </el-form-item>
+      <el-form-item label="再次输入密码">
+        <el-input v-model="formLabelAlign.type" />
+      </el-form-item>
+      <el-form-item label="">
+        <el-button type="primary">提交</el-button>
+      </el-form-item>
+    </el-form>
+  </div>
 </template>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.form {
+  // all: unset;
+  // position: absolute;
+  // top: 50%;
+  // left: 50%;
+  // transform: translate(-50%, -65%);
+  margin-top: 10%;
+}
+</style>