applyEducationSuccess.vue 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. <!-- 退役军人职业教育码申请成功 -->
  2. <template>
  3. <view class="apply-success">
  4. <u-navbar :is-back="false" title="退役军人职业教育码申请" :background="{ backgroundColor: '#3D5D4C' }" title-color="#fff"></u-navbar>
  5. <view class="apply-success-top">
  6. <image src="../../static/img/success-icon.png" mode=""></image>
  7. <view>提交成功,等待审核</view>
  8. </view>
  9. <view class="apply-success-button">
  10. <u-button type="primary" class="btn" @click="jumpPage('/pages/index/index')">好的</u-button>
  11. </view>
  12. </view>
  13. </template>
  14. <script>
  15. export default {
  16. data() {
  17. return {
  18. }
  19. },
  20. methods: {
  21. /**
  22. * 跳转到指定页面
  23. */
  24. jumpPage(url) {
  25. uni.switchTab({
  26. url: url
  27. })
  28. }
  29. }
  30. }
  31. </script>
  32. <style lang="scss" scoped>
  33. .apply-success {
  34. &-top {
  35. text-align: center;
  36. margin: 168rpx auto 476rpx;
  37. image {
  38. width: 176rpx;
  39. height: 176rpx;
  40. }
  41. view {
  42. font-size: 32rpx;
  43. color: #000000;
  44. margin-top: 36rpx;
  45. }
  46. }
  47. &-button {
  48. width: 388rpx;
  49. height: 80rpx;
  50. margin: 0 auto;
  51. .btn {
  52. border-radius: 40rpx;
  53. }
  54. }
  55. }
  56. </style>