ok.vue 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. <template>
  2. <view>
  3. <view class="okView">
  4. <u-icon name="checkbox-mark" color="rgb(55,186,189)" size="260rpx"></u-icon>
  5. <view style="font-size: 35rpx;font-weight: bold;">下 单 成 功</view>
  6. </view>
  7. <view style="height: 350rpx; text-align: center;padding:40rpx 0 ;color: #848484;">
  8. 请前往 我的 → 兑换记录 查看
  9. </view>
  10. <view style="width:300rpx; color: #000000; border-radius: 5px; margin:0 auto">
  11. <u-button icon="reload" color="rgb(55,186,189)" @click="toHomePage()" text="返回主页"></u-button>
  12. </view>
  13. </view>
  14. </template>
  15. <script>
  16. export default {
  17. data() {
  18. return {
  19. }
  20. },
  21. methods: {
  22. toHomePage() {
  23. uni.reLaunch({
  24. url: '../../pages/home/index'
  25. })
  26. }
  27. // uni.requestSubscribeMessage({
  28. // tmplIds: ['ekI5ueMK83FprLjYmRWIy4mfS3kWl6RHh3JT4DtLiN8'],
  29. // success(res) {
  30. // }
  31. // })
  32. }
  33. }
  34. </script>
  35. <style>
  36. .okView {
  37. background-color: #f0f0f0;
  38. border-radius: 20px;
  39. padding: 60rpx;
  40. height: 300rpx;
  41. width: 50%;
  42. margin: 0 auto;
  43. margin-top: 20%;
  44. display: flex;
  45. flex-direction: column;
  46. align-items: center;
  47. }
  48. </style>