finish.vue 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. <template>
  2. <view class="content">
  3. <view class="content-result">
  4. <u-image src="/static/def_pay_success.png" width="250" height="180"></u-image>
  5. <view class="result-yuyue">服务完成</view>
  6. <view class="money">
  7. 交易金额:{{money}}元
  8. </view>
  9. <view class="result-yuyueDetail" @click="backHome">返回首页</view>
  10. </view>
  11. </view>
  12. </template>
  13. <script>
  14. export default{
  15. data(){
  16. return{
  17. money: 0
  18. }
  19. },
  20. onLoad(option) {
  21. this.money = option.money
  22. },
  23. methods:{
  24. backHome(){
  25. uni.switchTab({
  26. url: '/pages/index/index'
  27. })
  28. }
  29. }
  30. }
  31. </script>
  32. <style lang="less">
  33. .content{
  34. width: 100%;
  35. height: 100vh;
  36. display: flex;
  37. text-align: center;
  38. justify-content: center;
  39. align-items: center;
  40. padding: 0;
  41. .content-result{
  42. .result-yuyue{
  43. margin: 40upx 0 20upx;
  44. font-size: 40upx;
  45. font-family: PingFang SC;
  46. font-weight: bold;
  47. color: #222222;
  48. }
  49. .money{
  50. font-size: 28rpx;
  51. color: #666E75;
  52. margin-bottom: 200rpx;
  53. }
  54. .result-yuyueDetail{
  55. height: 80upx;
  56. line-height: 80upx;
  57. background: #4F88F7;
  58. border-radius: 30px;
  59. color: #fff;
  60. }
  61. }
  62. }
  63. </style>