|
@@ -1,15 +1,13 @@
|
|
<template>
|
|
<template>
|
|
<view>
|
|
<view>
|
|
- <u-navbar title="兑奖" :border="true" :placeholder="true" :autoBack="true" bgColor="#fff" />
|
|
|
|
|
|
+ <!-- <u-navbar title="兑奖" :border="true" :placeholder="true" :autoBack="true" bgColor="#fff" /> -->
|
|
<view class="process">
|
|
<view class="process">
|
|
<view class="flex box-wrap">
|
|
<view class="flex box-wrap">
|
|
<view class="box">
|
|
<view class="box">
|
|
- <view class="hand">
|
|
|
|
- <view class="ing" @click="toChoice">刮开测手气</view>
|
|
|
|
- </view>
|
|
|
|
|
|
+
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- <view class="btn" @click="put">放入我的票包,暂不兑奖</view>
|
|
|
|
|
|
+ <view class="btn" @click="put">立即刮开兑奖</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
</template>
|
|
@@ -45,49 +43,22 @@
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
.process {
|
|
.process {
|
|
width: 100%;
|
|
width: 100%;
|
|
- height: calc(100vh - 50px);
|
|
|
|
- background: url(https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic3.zhimg.com%2F50%2Fv2-a6f5c8b5b66fe87e4e79c1fc82a61a36_hd.jpg&refer=http%3A%2F%2Fpic3.zhimg.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1649658373&t=f216ee4825d5b36e62aa3a490516bfb1) center center;
|
|
|
|
|
|
+ min-height: calc(100vh - 50px);
|
|
|
|
+ background: url(https://mp-public-test-1307117429.cos.ap-shanghai.myqcloud.com/background.png) center center;
|
|
}
|
|
}
|
|
|
|
|
|
.box-wrap {
|
|
.box-wrap {
|
|
- padding: 100rpx 0 100rpx;
|
|
|
|
|
|
+ padding: 280rpx 0 120rpx;
|
|
|
|
|
|
.box {
|
|
.box {
|
|
position: relative;
|
|
position: relative;
|
|
- width: 80%;
|
|
|
|
- height: 900rpx;
|
|
|
|
- background-color: $uni-bg-color;
|
|
|
|
|
|
+ width: 540rpx;
|
|
|
|
+ height: 820rpx;
|
|
|
|
+ background-color: rgba(255, 255, 255, 0.75);
|
|
|
|
+ border-radius: 10rpx;
|
|
}
|
|
}
|
|
|
|
|
|
- .hand {
|
|
|
|
- position: absolute;
|
|
|
|
- bottom: 20rpx;
|
|
|
|
- width: 100%;
|
|
|
|
- height: 100rpx;
|
|
|
|
-
|
|
|
|
- .ing {
|
|
|
|
- margin: auto;
|
|
|
|
- width: 80%;
|
|
|
|
- height: 100rpx;
|
|
|
|
- text-align: center;
|
|
|
|
- line-height: 100rpx;
|
|
|
|
- font-size: 50rpx;
|
|
|
|
- font-weight: bold;
|
|
|
|
- background-color: #FFFFFF;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
|
|
+
|
|
}
|
|
}
|
|
|
|
|
|
- .btn {
|
|
|
|
- margin: auto;
|
|
|
|
- width: 380rpx;
|
|
|
|
- height: 60rpx;
|
|
|
|
- line-height: 60rpx;
|
|
|
|
- border-radius: 8rpx;
|
|
|
|
- color: rgba(140, 140, 140, 100);
|
|
|
|
- font-size: 28rpx;
|
|
|
|
- text-align: center;
|
|
|
|
- border: 1px solid rgba(140, 140, 140, 100);
|
|
|
|
- background-color: #FFFFFF;
|
|
|
|
- }
|
|
|
|
</style>
|
|
</style>
|