success.vue 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. <template>
  2. <view class="dflex-flow-c">
  3. <view class="dflex-c dflex-flow-c" style="margin-top: 180rpx;">
  4. <view style="font-size: 115rpx" class="fs-big ft-base iconfont iconyiwancheng-"></view>
  5. <view class="title">支付成功</view>
  6. </view>
  7. <view class="padding-lr-16" style="margin-top: 200rpx;">
  8. <view class="dflex-b border-radius-big "><view class=" tac padding-tb-sm flex1 chakan" @click="toOrder">查看订单</view></view>
  9. <view class=" border-radius-big margin-tb-lg padding-lr-16"><view class="tac padding-tb-sm flex1 " @click="fanhui">返回首页</view></view>
  10. </view>
  11. </view>
  12. </template>
  13. <script>
  14. export default {
  15. data() {
  16. return {
  17. order_id: ''
  18. };
  19. },
  20. onLoad(option) {
  21. this.order_id = option.order_id;
  22. },
  23. methods: {
  24. toOrder() {
  25. if (this.order_id) {
  26. this.$api.toorder();
  27. return;
  28. }
  29. },
  30. //返回首页
  31. fanhui(){
  32. wx.switchTab({
  33. url:'pages/home3/home3'
  34. })
  35. }
  36. }
  37. };
  38. </script>
  39. <style lang="scss">
  40. @import url('/packageShang/components/iconfont/iconfont.css');
  41. @import url('/packageShang/common/common.scss');
  42. .title {
  43. font-size: 38rpx;
  44. color: #303133;
  45. }
  46. .chakan{
  47. background-color: rgba(36, 147, 241, 1); color:rgba(255, 255, 255, 1) ;width: 158rpx;height: 71rpx;font-size: 24rpx;
  48. }
  49. </style>