status.vue 783 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. <template>
  2. <view class="container">
  3. <uni-icons class="icon" type="checkmarkempty" size="40" color="#0061FF"></uni-icons>
  4. 支付成功
  5. <view class="btn" @click="handleSelect">去选择宿舍</view>
  6. </view>
  7. </template>
  8. <script setup>
  9. const handleSelect = () => {
  10. uni.reLaunch({
  11. url: '/pages/select/select'
  12. })
  13. }
  14. </script>
  15. <style lang="scss" scoped>
  16. .container {
  17. display: flex;
  18. flex-direction: column;
  19. align-items: center;
  20. box-sizing: border-box;
  21. padding: 200rpx 30rpx 100rpx;
  22. min-height: 100vh;
  23. .icon {
  24. margin-bottom: 50rpx;
  25. }
  26. .btn {
  27. display: flex;
  28. align-items: center;
  29. justify-content: center;
  30. margin-top: 400rpx;
  31. width: 610rpx;
  32. height: 100rpx;
  33. font-size: 32rpx;
  34. color: #fff;
  35. border-radius: 8rpx;
  36. background-color: #0061ff;
  37. }
  38. }
  39. </style>