|
@@ -53,7 +53,6 @@
|
|
|
</view>
|
|
|
<view class="activityShow-wrap-rela">
|
|
|
<image :src="listData.prizePicUrl" mode="aspectFit" class="relaimg"></image>
|
|
|
- <!-- <image src="../static/activity/effectstwo.png" mode="aspectFit" class="relaimg"></image> -->
|
|
|
</view>
|
|
|
<view v-if="listData.prizeType && listData.prizeType !='COIN'" class="activityShow-wrap-library">
|
|
|
奖品已放入我的仓库</view>
|
|
@@ -71,7 +70,7 @@
|
|
|
</u-popup>
|
|
|
|
|
|
<!-- 未中奖 -->
|
|
|
- <u-popup :show="closeShow" mode="center" round="17" @close="close" :closeable="true" overlayOpacity="0.5"
|
|
|
+ <u-popup :show="closeShow" mode="center" round="11" @close="close" :closeable="true" overlayOpacity="0.5"
|
|
|
@touchmove.prevent.stop>
|
|
|
<view class="choiceShow-wrap">
|
|
|
<view class="choiceShow-wrap-award">
|
|
@@ -79,9 +78,9 @@
|
|
|
<view class="awardone">
|
|
|
很遗憾, 您未中奖
|
|
|
</view>
|
|
|
- <view class="awardtwo">
|
|
|
+ <!-- <view class="awardtwo">
|
|
|
欢迎继续参与其他抽奖, 好运就在你身边
|
|
|
- </view>
|
|
|
+ </view> -->
|
|
|
</view>
|
|
|
<button @click="close()" class="btntwo">确定</button>
|
|
|
</view>
|
|
@@ -266,18 +265,18 @@
|
|
|
.activityShow-wrap {
|
|
|
border-radius: 22rpx;
|
|
|
overflow: hidden;
|
|
|
- width: 600rpx;
|
|
|
- height: 650rpx;
|
|
|
+ width: 550rpx;
|
|
|
+ height: 630rpx;
|
|
|
|
|
|
&-rela {
|
|
|
position: relative;
|
|
|
|
|
|
.relaimg {
|
|
|
margin-top: 130rpx;
|
|
|
- height: 250rpx;
|
|
|
+ height: 270rpx;
|
|
|
position: absolute;
|
|
|
- top: -260rpx;
|
|
|
- left: 125rpx;
|
|
|
+ top: -280rpx;
|
|
|
+ left: 102rpx;
|
|
|
width: 350rpx;
|
|
|
}
|
|
|
}
|
|
@@ -286,7 +285,9 @@
|
|
|
width: 100%;
|
|
|
height: 320rpx;
|
|
|
text-align: center;
|
|
|
- background: linear-gradient(0deg, #FF866B, #FFAE64);
|
|
|
+ // background: linear-gradient(0deg, #FF866B, #FFAE64);
|
|
|
+ // box-shadow: 0px 6px 6px 0px rgba(26, 109, 190, 0.1);
|
|
|
+ background: linear-gradient(180deg, #FC981B, #F4641B);
|
|
|
box-shadow: 0px 6px 6px 0px rgba(26, 109, 190, 0.1);
|
|
|
text-align: center;
|
|
|
|
|
@@ -295,7 +296,7 @@
|
|
|
color: #fff;
|
|
|
font-weight: bold;
|
|
|
line-height: 80rpx;
|
|
|
- padding-top: 50rpx;
|
|
|
+ padding-top: 30rpx;
|
|
|
|
|
|
&-name {
|
|
|
font-size: 30rpx;
|
|
@@ -315,24 +316,23 @@
|
|
|
}
|
|
|
|
|
|
&-btn {
|
|
|
- // padding-bottom: 40rpx;
|
|
|
padding: 10rpx 20rpx 40rpx;
|
|
|
|
|
|
.btnone {
|
|
|
- width: 252rpx;
|
|
|
- height: 84rpx;
|
|
|
- font-size: 34rpx;
|
|
|
- line-height: 82rpx;
|
|
|
+ width: 200rpx;
|
|
|
+ height: 78rpx;
|
|
|
+ font-size: 32rpx;
|
|
|
+ line-height: 74rpx;
|
|
|
background-color: #fff;
|
|
|
color: #F8832C;
|
|
|
border: 2rpx solid #F8832C;
|
|
|
}
|
|
|
|
|
|
.btntwo {
|
|
|
- width: 252rpx;
|
|
|
- height: 82rpx;
|
|
|
- font-size: 34rpx;
|
|
|
- line-height: 82rpx;
|
|
|
+ width: 200rpx;
|
|
|
+ height: 78rpx;
|
|
|
+ font-size: 32rpx;
|
|
|
+ line-height: 74rpx;
|
|
|
background-color: #F8832C;
|
|
|
color: #fff;
|
|
|
border: 2rpx solid #F8832C;
|
|
@@ -343,14 +343,16 @@
|
|
|
.choiceShow-wrap {
|
|
|
border-radius: 22rpx;
|
|
|
overflow: hidden;
|
|
|
- width: 600rpx;
|
|
|
- height: 500rpx;
|
|
|
+ width: 550rpx;
|
|
|
+ height: 340rpx;
|
|
|
&-award {
|
|
|
width: 100%;
|
|
|
- height: 290rpx;
|
|
|
+ height: 190rpx;
|
|
|
text-align: center;
|
|
|
font-weight: bold;
|
|
|
- background: linear-gradient(0deg, #FF866B, #FFAE64);
|
|
|
+ // background: linear-gradient(0deg, #FF866B, #FFAE64);
|
|
|
+ // box-shadow: 0px 6px 6px 0px rgba(26, 109, 190, 0.1);
|
|
|
+ background: linear-gradient(180deg, #FC981B, #F4641B);
|
|
|
box-shadow: 0px 6px 6px 0px rgba(26, 109, 190, 0.1);
|
|
|
text-align: center;
|
|
|
.awardone {
|
|
@@ -367,7 +369,7 @@
|
|
|
line-height: 82rpx;
|
|
|
background-color: #F8832C;
|
|
|
color: #fff;
|
|
|
- margin-top: 50rpx;
|
|
|
+ margin-top: 30rpx;
|
|
|
}
|
|
|
|
|
|
}
|