|
@@ -1,6 +1,11 @@
|
|
|
<template>
|
|
<template>
|
|
|
<div id="index">
|
|
<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>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
@@ -60,4 +65,22 @@ export default {
|
|
|
};
|
|
};
|
|
|
</script>
|
|
</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>
|
