hexiaoSuccess.vue 831 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. <template>
  2. <view class="pages-content">
  3. <view>
  4. <u-icon name="checkmark-circle-fill" size="150" color="#00aaff"></u-icon>
  5. </view>
  6. <view class="pc-a">核销成功</view>
  7. <view>{{changeNum}}个乐豆</view>
  8. <view>
  9. <u-button type="primary" @click="toPage">返回核销记录</u-button>
  10. </view>
  11. </view>
  12. </template>
  13. <script>
  14. export default {
  15. data() {
  16. return {
  17. changeNum: 0
  18. }
  19. },
  20. onLoad(opts) {
  21. this.changeNum = opts.changeNum
  22. },
  23. methods: {
  24. toPage(){
  25. uni.reLaunch({
  26. url:'/pages/hexiao/index'
  27. })
  28. }
  29. }
  30. }
  31. </script>
  32. <style lang="less">
  33. .pages-content{
  34. display: flex;
  35. justify-content: center;
  36. flex-direction: column;
  37. width: 100%;
  38. padding: 100rpx;
  39. text-align: center;
  40. height: 60vh;
  41. .pc-a{
  42. font-size: 40rpx;
  43. }
  44. >view{
  45. padding: 20rpx 0;
  46. }
  47. }
  48. </style>