ValidationPhoneStepSuccess.vue 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940
  1. <template>
  2. <div class="f-main">
  3. <template v-if="stepLast === 'last'">
  4. <div class="content-top">
  5. <p>验证手机</p>
  6. </div>
  7. <div class="page-part page-last">
  8. <h4><img src="/images/all/pass.png"><span>重置成功</span></h4>
  9. <p>及时更新最的手机号码能极大地提高账号安全性!</p>
  10. </div>
  11. <div class="page-part">
  12. <mt-button size="large" type="primary" @click="sureAccount()">完 成</mt-button>
  13. </div>
  14. </template>
  15. <template v-if="stepLast === 'appeal'">
  16. <div class="content-top">
  17. <p>账号申诉</p>
  18. </div>
  19. <div class="page-part page-last">
  20. <h4><img src="/images/all/pass.png"><span>申诉已提交</span></h4>
  21. <p>申诉内容已提交,请耐心等待审核</p>
  22. </div>
  23. <div class="page-part">
  24. <mt-button size="large" type="primary" @click="sureAccount()">确 认</mt-button>
  25. </div>
  26. </template>
  27. </div>
  28. </template>
  29. <script>
  30. export default {
  31. name: 'step-success',
  32. props: ['stepLast'],
  33. methods: {
  34. sureAccount () {
  35. this.$router.push('/')
  36. }
  37. }
  38. }
  39. </script>