payFinish.vue 647 B

1234567891011121314151617181920212223242526272829303132333435363738
  1. <template>
  2. <view class="page-cont">
  3. <view class="icon-cont">
  4. <u-icon class="icon" name="checkmark" color="green" size="80"></u-icon>
  5. <view>支付成功</view>
  6. </view>
  7. </view>
  8. </template>
  9. <script>
  10. </script>
  11. <style lang="less">
  12. page{
  13. height: 100%;
  14. }
  15. .page-cont{
  16. width: 100%;
  17. height: 100%;
  18. background-color: #fff;
  19. .icon-cont{
  20. width: 100%;
  21. height: 300upx;
  22. display: flex;
  23. flex-direction: column;
  24. align-items: center;
  25. justify-content: center;
  26. }
  27. .icon{
  28. width: 120upx;
  29. height: 120upx;
  30. background-color: #d1d1d1;
  31. display: flex;
  32. justify-content: center;
  33. border-radius: 50%;
  34. }
  35. }
  36. </style>