registerSuccess.vue 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. <template>
  2. <view class="success-box">
  3. <view class="success-img">
  4. <image src="@/static/images/jobApplicant/login-success.svg" mode="scaleToFill" />
  5. </view>
  6. <view class="success-title"
  7. >您已经成功 <br />
  8. 注册账号</view
  9. >
  10. <view class="success-btn">
  11. <u-button
  12. type="primary"
  13. @click="goLogin"
  14. :customStyle="{
  15. marginTop: '48rpx',
  16. height: '90rpx',
  17. fontSize: '32rpx',
  18. borderRadius: '100rpx',
  19. }"
  20. >
  21. 登录
  22. </u-button>
  23. </view>
  24. </view>
  25. </template>
  26. <script>
  27. export default {
  28. data() {
  29. return {};
  30. },
  31. methods: {
  32. goLogin(){
  33. uni.navigateTo({ url: '/pages/my/jobApplicant/loginInput' })
  34. },
  35. },
  36. };
  37. </script>
  38. <style lang="scss" scoped>
  39. .success-box {
  40. padding-top: 168rpx;
  41. box-sizing: border-box;
  42. .success-img {
  43. width: 400rpx;
  44. height: 280rpx;
  45. margin: auto;
  46. image {
  47. width: 100%;
  48. height: 100%;
  49. }
  50. }
  51. .success-title {
  52. color: #27252e;
  53. font-family: DM Sans;
  54. font-size: 48rpx;
  55. font-weight: 700;
  56. text-align: center;
  57. margin-top: 64rpx;
  58. }
  59. .success-btn {
  60. margin: 0 32rpx;
  61. }
  62. }
  63. </style>