addUserSuccess.vue 930 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  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. <view @click="goback">返回</view>
  7. </view>
  8. </view>
  9. </template>
  10. <script>
  11. export default {
  12. data() {
  13. return {
  14. timestamp: 3,
  15. }
  16. },
  17. onBackPress() {
  18. this.goback();
  19. return true;
  20. },
  21. methods: {
  22. goback() {
  23. this.$common.to('/pages/user/user-index');
  24. }
  25. }
  26. }
  27. </script>
  28. <style lang="scss">
  29. page {
  30. background-color: #fff;
  31. }
  32. .box {
  33. display: flex;
  34. flex: 1;
  35. align-items: center;
  36. justify-content: center;
  37. flex-direction: column;
  38. padding: 100rpx 0;
  39. .text {
  40. color: #191919;
  41. font-size: 36rpx;
  42. font-weight: bold;
  43. margin-top: 40rpx;
  44. }
  45. .count-down-box {
  46. display: flex;
  47. align-items: center;
  48. justify-content: center;
  49. margin-top: 30rpx;
  50. }
  51. }
  52. </style>