<!--
 * @Description: create
 * @Version: 1.0
 * @Autor: XuTongZhang
 * @Date: 2020-07-28 17:34:44
 * @LastEditors: XuTongZhang
 * @LastEditTime: 2020-07-31 16:09:08
-->
<template>
  <div class="passwordSettings">
    <el-card class="box-card">
      <el-form ref="form" :model="form" :rules="rules" label-width="140px" label-position="left">
        <el-form-item label="输入旧密码">
          <el-input v-model.trim="form.name"></el-input>
        </el-form-item>
        <el-form-item label="输入新密码">
          <el-input v-model.trim="form.name"></el-input>
        </el-form-item>
        <el-form-item label="确认新密码">
          <el-input v-model.trim="form.name"></el-input>
        </el-form-item>
        <el-form-item class="button-grounp">
          <el-button type="primary">确认修改</el-button>
        </el-form-item>
      </el-form>
    </el-card>
  </div>
</template>

<script>
export default {
  data () {
    return {
      form: {},
      rules: {}
    }
  }
}
</script>

<style lang="scss" scoped>
.passwordSettings {
  display: flex;
  justify-content: center;
  align-content: center;
}
.box-card {
  width: 800rpx;
  padding: 18px 0;
}
.button-grounp {
    display: flex;
    justify-content: flex-end;
}
</style>

<style lang="scss">
.passwordSettings {
    .el-input__inner{
      width: 400px!important;
    }
}
</style>
