paySuccess.vue 887 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. <template>
  2. <view class="wh-full">
  3. <topNavBar title="支付成功" />
  4. <view class="pay-sucess">
  5. <view class="pay-sucess-text">订单支付成功</view>
  6. <uni-icons type="checkbox-filled" size="90" color="#27B148"></uni-icons>
  7. <view class="go-btn">确认</view>
  8. </view>
  9. </view>
  10. </template>
  11. <script>
  12. export default {
  13. data() {
  14. return {
  15. }
  16. },
  17. methods: {
  18. }
  19. }
  20. </script>
  21. <style lang="scss" scoped>
  22. .pay-sucess{
  23. width: 100%;
  24. display: flex;
  25. flex-direction: column;
  26. justify-content: center;
  27. align-items: center;
  28. .pay-sucess-text{
  29. font-size: 24px;
  30. padding-top: 130upx;
  31. padding-bottom: 90upx;
  32. }
  33. .go-btn{
  34. height: 76upx;
  35. border-radius: 38px;
  36. background-image: $base-bg-gradient-color;
  37. text-align: center;
  38. line-height: 76upx;
  39. color: #FFF;
  40. font-size: 14px;
  41. width: 50%;
  42. margin: 100upx auto 0;
  43. }
  44. }
  45. </style>