success.vue 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. <template>
  2. <view class="container">
  3. <image class="img" src="https://ysrw-1395926010.cos.ap-chengdu.myqcloud.com/image/img_admitsuccess.png"></image>
  4. <view class="title">任务创建申请已提交!</view>
  5. <view class="txt">预计1-2个工作日完成审核,请耐心等待</view>
  6. <view class="return" @click="goBack">返回</view>
  7. </view>
  8. </template>
  9. <script>
  10. export default {
  11. data() {
  12. return {
  13. type: ''
  14. }
  15. },
  16. watch: {
  17. },
  18. onLoad(options) {
  19. this.type = options.type
  20. },
  21. methods: {
  22. goBack() {
  23. if (this.type === 'createTask') {
  24. uni.navigateTo({
  25. url: '/pages_task/xlTask'
  26. })
  27. } else {
  28. uni.navigateBack()
  29. }
  30. },
  31. }
  32. }
  33. </script>
  34. <style lang="scss" scoped>
  35. .container {
  36. min-height: 100vh;
  37. background: #ffffff;
  38. display: flex;
  39. flex-direction: column;
  40. align-items: center;
  41. text-align: center;
  42. padding-top: 204rpx;
  43. .img {
  44. width: 248rpx;
  45. height: 248rpx;
  46. }
  47. .title {
  48. font-weight: 500;
  49. font-size: 32rpx;
  50. color: #333333;
  51. margin-top: 48rpx;
  52. }
  53. .txt {
  54. margin-top: 16rpx;
  55. font-size: 24rpx;
  56. color: #999999;
  57. line-height: 36rpx;
  58. }
  59. .return {
  60. margin-top: 96rpx;
  61. width: 320rpx;
  62. height: 80rpx;
  63. line-height: 80rpx;
  64. background: #388BFF;
  65. border-radius: 56rpx 56rpx 56rpx 56rpx;
  66. border: 2rpx solid #388BFF;
  67. font-size: 28rpx;
  68. color: #FFFFFF;
  69. }
  70. }
  71. </style>