<template>
  <div class="f-main">
    <div class="content-top">
      <p>密码重置</p>
    </div>
    <div class="f-form">
      <div class="page-part">
        <mt-field placeholder="原手机号"></mt-field>
      </div>
      <div class="page-part">
        <mt-field placeholder="验证码">
          <img src="imgSrc" height="45px" width="100px" @click="getCode">
        </mt-field>
      </div>
      <div class="page-part">
        <mt-button size="large" type="primary" @click="sureAccount(5)">下一步</mt-button>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'step-security',
    data () {
      return {
        valid: {
          mobile: '',
          captcha: ''
        }
      }
    },
    methods: {
      sureAccount (type) {
        this.$emit('stepEvent', type)
      },
      getCode () {}
    }
  }
</script>

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

</style>
