registerSuccess.vue 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. <template>
  2. <view class="box">
  3. <u-icon name="checkmark-circle-fill" color="#07c160" size="200"></u-icon>
  4. <text class="text">您的信息已提交,请等待审核!</text>
  5. <view class="count-down-box">
  6. <u-count-down :timestamp="timestamp" :show-days="false" :show-hours="false" :show-minutes="false"
  7. @end="goback"></u-count-down>
  8. <text>秒后自动返回登录页</text>
  9. </view>
  10. </view>
  11. </template>
  12. <script>
  13. export default {
  14. data() {
  15. return {
  16. timestamp: 3,
  17. }
  18. },
  19. onBackPress() {
  20. this.goback();
  21. return true;
  22. },
  23. methods: {
  24. goback() {
  25. this.$common.to('/pages/index/index');
  26. }
  27. }
  28. }
  29. </script>
  30. <style lang="scss">
  31. page {
  32. background-color: #fff;
  33. }
  34. .box {
  35. display: flex;
  36. flex: 1;
  37. align-items: center;
  38. justify-content: center;
  39. flex-direction: column;
  40. padding: 100rpx 0;
  41. .text {
  42. color: #191919;
  43. font-size: 36rpx;
  44. font-weight: bold;
  45. margin-top: 40rpx;
  46. }
  47. .count-down-box {
  48. display: flex;
  49. flex: 1;
  50. align-items: center;
  51. justify-content: center;
  52. margin-top: 30rpx;
  53. text {
  54. margin-left: 20rpx;
  55. }
  56. }
  57. }
  58. </style>