send-success.vue 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. <template>
  2. <view class="test">
  3. <custom-nav :title="title" />
  4. <view class="content">
  5. <image class="ok" src="../../static/icon/ok.png"></image>
  6. <view class="title">{{ title }}</view>
  7. <view v-if="numTotal > 1" class="big-btn bg" @tap="goonSend">继续发货</view>
  8. <view class="big-btn back" @tap="backToIndex">返回首页</view>
  9. </view>
  10. </view>
  11. </template>
  12. <script>
  13. export default {
  14. data() {
  15. return {
  16. title: '发货成功',
  17. numTotal: 0,
  18. }
  19. },
  20. onLoad(opt) {
  21. if (opt.type === '2') {
  22. this.title = '转单成功'
  23. }
  24. this.numTotal = +opt.numTotal
  25. },
  26. methods: {
  27. backToIndex() { // 点击回到首页
  28. uni.navigateBack({ delta: 123 })
  29. },
  30. goonSend() { // 点击继续发货
  31. uni.navigateBack()
  32. }
  33. }
  34. }
  35. </script>
  36. <style lang="scss">
  37. .test {
  38. @include page();
  39. .content {
  40. @include flex(column);
  41. height: 100%;
  42. background: #FFFFFF;
  43. padding-top: 120rpx;
  44. box-sizing: border-box;
  45. justify-content: flex-start;
  46. .ok {
  47. width: 228rpx;
  48. height: 228rpx;
  49. }
  50. .title {
  51. font-size: 50rpx;
  52. margin: 59rpx 0 126rpx;
  53. }
  54. .big-btn {
  55. width: 480rpx;
  56. &.back {
  57. margin-top: 30rpx;
  58. }
  59. }
  60. }
  61. }
  62. </style>