succeed.vue 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. <template>
  2. <view class="content wrap">
  3. <u-icon name="checkmark-circle-fill" color="#2979ff" size="200"></u-icon>
  4. <view class="title">提交成功</view>
  5. <view class="tip">{{tip}}</view>
  6. <u-button v-if="from=='apply'" type="primary" @click="jumpLink">继续申请</u-button>
  7. <u-button type="default" @click="backHome">返回首页</u-button>
  8. </view>
  9. </template>
  10. <script>
  11. export default {
  12. data() {
  13. return {
  14. tip:'',
  15. form:'',
  16. }
  17. },
  18. onLoad(page) {
  19. console.log('page',page);
  20. this.tip = page.tip;
  21. this.from = page.from;
  22. },
  23. methods: {
  24. backHome(){
  25. this.$u.route({
  26. url: 'pages/index/index',
  27. })
  28. },
  29. // 跳转页面
  30. jumpLink() {
  31. if(this.from=='apply'){
  32. uni.navigateTo({
  33. url: '/pages/apply/apply'
  34. });
  35. }
  36. },
  37. }
  38. }
  39. </script>
  40. <style lang="scss" scoped>
  41. .content{
  42. padding-top: 10vh;
  43. text-align: center;
  44. }
  45. .title{
  46. margin-top: 24rpx;
  47. margin-bottom: 24rpx;
  48. font-size: 40rpx;
  49. }
  50. .tip{
  51. margin-bottom: 124rpx;
  52. font-size: 30rpx;
  53. color: #9f9f9f;
  54. }
  55. .u-btn + .u-btn{
  56. margin-top: 24rpx;
  57. }
  58. </style>