index.vue 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. <template>
  2. <view>
  3. <!-- <u-navbar title="兑奖" :border="true" :placeholder="true" :autoBack="true" bgColor="#fff" /> -->
  4. <view class="process">
  5. <view class="flex box-wrap">
  6. <view class="box">
  7. </view>
  8. </view>
  9. <view class="btn" @click="put">立即刮开兑奖</view>
  10. </view>
  11. </view>
  12. </template>
  13. <script>
  14. import env from '../../config/env.js'
  15. import $http from '@/utils/request.js'
  16. export default {
  17. data() {
  18. return {
  19. id: ''
  20. };
  21. },
  22. onLoad(options) {
  23. this.id = options.id
  24. },
  25. methods: {
  26. put() {
  27. uni.navigateBack({
  28. delta: 1
  29. })
  30. },
  31. toChoice() {
  32. uni.redirectTo({
  33. url: `/pages/choice/index?orderId=${ this.id }`
  34. })
  35. },
  36. }
  37. }
  38. </script>
  39. <style lang="scss" scoped>
  40. .process {
  41. width: 100%;
  42. min-height: calc(100vh - 50px);
  43. background: url(https://mp-public-test-1307117429.cos.ap-shanghai.myqcloud.com/background.png) center center;
  44. }
  45. .box-wrap {
  46. padding: 280rpx 0 120rpx;
  47. .box {
  48. position: relative;
  49. width: 540rpx;
  50. height: 820rpx;
  51. background-color: rgba(255, 255, 255, 0.75);
  52. border-radius: 10rpx;
  53. }
  54. }
  55. </style>