1

src/views/account/account/index.vue

@@ -1,6 +1,11 @@
 <template>
   <div id="index">
-    <data-form :span="24" :fields="fields" :rules="rules" v-model="form" labelWidth="150px" @save="toSave"> </data-form>
+    <el-row>
+      <el-col :span="24" class="main animate__animated animate__backInRight">
+        <el-col :span="24" class="one"> <span>修改密码</span> </el-col>
+        <el-col :span="12"> <data-form :span="24" :fields="fields" :rules="rules" v-model="form" labelWidth="150px" @save="toSave"> </data-form> </el-col
+      ></el-col>
+    </el-row>
   </div>
 </template>
 
@@ -60,4 +65,22 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.main {
+  .one {
+    margin: 0 0 10px 0;
+
+    span:nth-child(1) {
+      font-size: 20px;
+      font-weight: 700;
+      margin-right: 10px;
+    }
+  }
+  .two {
+    margin: 0 0 10px 0;
+  }
+  .thr {
+    margin: 0 0 10px 0;
+  }
+}
+</style>