<template> <div class="change-pwd-wrapper height100"> <div class="page-form-box"> <div class="page-form-box-header"> 修改密码 </div> <div class="page-form-box-content"> <el-form ref="form" :model="form" label-width="80px" label-position="top" class="party-form"> <el-form-item label="请输入当前密码" > <el-input v-model="form.name" placeholder="请填写"></el-input> </el-form-item> <el-form-item label="请输入新密码" > <el-input v-model="form.name" placeholder="请填写"></el-input> </el-form-item> <el-form-item label="请再次输入新密码" > <el-input v-model="form.name" placeholder="请填写"></el-input> </el-form-item> </el-form> </div> <div class="page-form-box-footer"> <div class="btn-group"> <el-button>取消</el-button> <el-button type="primary">确定修改</el-button> </div> </div> </div> </div> </template> <script> export default { data(){ return { form:{ name:'' } } }, mounted(){ }, methods:{ } } </script> <style lang="less" scoped> .change-pwd-wrapper{ .party-form{ width: 300px; margin: 0 auto; } } </style>