mp-ui-user/pages/process/index.vue

<template>
	<view>
		<!-- <u-navbar title="兑奖" :border="true" :placeholder="true" :autoBack="true" bgColor="#fff" /> -->
		<view class="process">
			<view class="flex box-wrap">
				<view class="box">
					
				</view>
			</view>
			<view class="btn" @click="put">立即刮开兑奖</view>
		</view>
	</view>
</template>

<script>
	import env from '../../config/env.js'
	import $http from '@/utils/request.js'
	export default {
		data() {
			return {
				id: ''
			};
		},
		onLoad(options) {
			this.id = options.id
		},
		methods: {
			put() {
				uni.navigateBack({
					delta: 1
				})
			},

			toChoice() {
				uni.redirectTo({
					url: `/pages/choice/index?orderId=${ this.id }`
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
	.process {
		width: 100%;
		min-height: calc(100vh - 50px);
		background: url(https://mp-public-test-1307117429.cos.ap-shanghai.myqcloud.com/background.png) center center;
	}

	.box-wrap {
		padding: 280rpx 0 120rpx;

		.box {
			position: relative;
			width: 540rpx;
			height: 820rpx;
			background-color: rgba(255, 255, 255, 0.75);
			border-radius: 10rpx;
		}

		
	}

</style>