joinNow.vue 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. <template>
  2. <view class="content">
  3. <view class="box">
  4. <view class="img">
  5. <image src="../../static/icon/joinSuc.png" mode=""></image>
  6. </view>
  7. <view class="info">
  8. <view class="succeed">
  9. 您的报名已成功!
  10. </view>
  11. <view class="wait">
  12. 请等待审核..
  13. </view>
  14. </view>
  15. <navigator url="/pages/index/index" open-type="switchTab" >
  16. <button calss="toHome" type="default"> 返回首页</button>
  17. </navigator>
  18. </view>
  19. </view>
  20. </template>
  21. <script>
  22. export default{
  23. data(){
  24. return{
  25. }
  26. },
  27. methods:{
  28. }
  29. }
  30. </script>
  31. <style lang="scss">
  32. page{
  33. height: 100%;
  34. }
  35. .content{
  36. width: 750rpx;
  37. height: 100%;
  38. background-color: #f8f6f6;
  39. display: flex;
  40. justify-content: center;
  41. align-items: center;
  42. .box{
  43. display: flex;
  44. flex-direction: column;
  45. align-items: center;
  46. .img{
  47. height: 181rpx;
  48. width: 180rpx;
  49. image{
  50. height: 181rpx;
  51. width: 180rpx;
  52. }
  53. }
  54. .info{
  55. margin-top: 67rpx;
  56. display: flex;
  57. flex-direction: column;
  58. align-items: center;
  59. .succeed{
  60. color: #333;
  61. font-size: 32rpx;
  62. }
  63. .wait{
  64. color: #707070;
  65. font-size: 28rpx;
  66. margin-top: 18rpx;
  67. }
  68. }
  69. button{
  70. width: 464rpx;
  71. height: 77rpx;
  72. background-color: #cb3f33;
  73. border-radius: 38px;
  74. color: #FFFFFF;
  75. font-size: 34rpx;
  76. margin-top: 48rpx;
  77. }
  78. }
  79. }
  80. </style>