retrieve-method.vue 968 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. <template>
  2. <view class="container">
  3. <view @click="gotoAccountPassword()" class="h-method">
  4. <view class="h-img">
  5. <u-icon name="lock-fill" color="#333" size="30"></u-icon>
  6. </view>
  7. <view class="h-name">
  8. <text>通过账号密码找回</text>
  9. </view>
  10. </view>
  11. </view>
  12. </template>
  13. <script>
  14. export default {
  15. data() {
  16. return {
  17. userInfo: {
  18. telphone: '',
  19. code: '',
  20. },
  21. tips2: '',
  22. }
  23. },
  24. onLoad(option) {
  25. // 判断Openid是否为空
  26. if(!this.$isDataEmpty(option)){
  27. this.userInfo.telphone = option.data;
  28. }
  29. },
  30. onReady() {
  31. },
  32. methods: {
  33. // 去找回账号页面
  34. gotoAccountPassword(){
  35. let that = this;
  36. uni.$u.route({
  37. url: '/pages/login/retrieve-account-password',
  38. params: {
  39. data: that.userInfo.telphone
  40. }
  41. })
  42. },
  43. }
  44. }
  45. </script>
  46. <style lang="scss" scoped>
  47. page,body{
  48. background: #fff;
  49. }
  50. .container{
  51. }
  52. .h-method{
  53. height: 70vh;
  54. display: flex;
  55. justify-content: center;
  56. align-items: center;
  57. }
  58. </style>