<template>
  <div class="f-main">
    <div class="content-top">
      <p>密码重置3</p>
    </div>
    <div class="f-form">
      <div class="page-part">
        <mt-field placeholder="新密码"
                  :state="state.password"
                  @blur.native.capture="validPassword"
                  v-model="valid.password"></mt-field>
      </div>
      <div class="page-part">
        <mt-field placeholder="确认密码"
                  :state="state.confirm"
                  @blur.native.capture="validConfirm"
                  v-model="valid.confirm"></mt-field>
      </div>
      <div class="page-part">
        <mt-button size="large" type="primary" @click="sureAccount('last')">下一步</mt-button>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'step-new',
    data () {
      return {
        state: {
          password: 'error',
          confirm: 'error'
        },
        valid: {
          password: '',
          confirm: ''
        }
      }
    },
    methods: {
      // 验证新密码
      validPassword () {},
      // 验证密码是否一致
      validConfirm () {
      },
      sureAccount (type) {
        this.$emit('stepEvent', type)
      }
    }
  }
</script>

<style scoped type="text/scss" lang="scss">

</style>
