yuyueResult.vue 966 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  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="result-yuyueDetail" @click="seeDetail">查看详情</view>
  7. </view>
  8. </view>
  9. </template>
  10. <script>
  11. export default{
  12. data(){
  13. return{
  14. }
  15. },
  16. methods:{
  17. seeDetail(){
  18. uni.switchTab({
  19. url: '/pages/order/index'
  20. })
  21. }
  22. }
  23. }
  24. </script>
  25. <style lang="less">
  26. .content{
  27. width: 100%;
  28. height: 100vh;
  29. display: flex;
  30. text-align: center;
  31. justify-content: center;
  32. align-items: center;
  33. padding: 0;
  34. .content-result{
  35. .result-yuyue{
  36. margin: 40upx 0 140upx;
  37. font-size: 40upx;
  38. font-family: PingFang SC;
  39. font-weight: bold;
  40. color: #222222;
  41. }
  42. .result-yuyueDetail{
  43. height: 80upx;
  44. line-height: 80upx;
  45. background: #4F88F7;
  46. border-radius: 30px;
  47. color: #fff;
  48. }
  49. }
  50. }
  51. </style>