send-success.vue 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. <template>
  2. <view class="test">
  3. <custom-nav noback="noback" transparent="transparent" ref="ltm" 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()
  29. uni.navigateBack()
  30. },
  31. goonSend() { // 点击继续发货
  32. uni.navigateBack()
  33. }
  34. }
  35. }
  36. </script>
  37. <style lang="scss">
  38. .test {
  39. @include page();
  40. .content {
  41. @include flex(column);
  42. height: 100%;
  43. background: #FFFFFF;
  44. padding-top: 120rpx;
  45. box-sizing: border-box;
  46. justify-content: flex-start;
  47. .ok {
  48. width: 228rpx;
  49. height: 228rpx;
  50. }
  51. .title {
  52. font-size: 50rpx;
  53. margin: 59rpx 0 126rpx;
  54. }
  55. .big-btn {
  56. width: 480rpx;
  57. &.back {
  58. margin-top: 30rpx;
  59. }
  60. }
  61. }
  62. }
  63. </style>