diff --git a/src/project/activeAnalysis/AppLuckyDraw/AppLuckyDraw.vue b/src/project/activeAnalysis/AppLuckyDraw/AppLuckyDraw.vue
index 85c3702b..38ba893a 100644
--- a/src/project/activeAnalysis/AppLuckyDraw/AppLuckyDraw.vue
+++ b/src/project/activeAnalysis/AppLuckyDraw/AppLuckyDraw.vue
@@ -2,7 +2,7 @@
@@ -10,7 +10,7 @@
打卡活动
-
新年伊始,企业微信团队为创建安全和谐的网络办公环境,诚邀大家使用企业微信参与打卡活动!活动详情如下:
+
新年伊始,企业微信团队为创建安全和谐的网络办公环境,诚邀大家使用企业微信参与打卡活动!活动详情如下:
@@ -159,9 +159,9 @@ export default {
};
},
onLoad(option) {
- // this.activityId = option.activityId
- // this.friendId = option.friendId || ''
- this.activityId = '75a4c4493de54f9fb63868817079c89c'
+ this.activityId = option.activityId
+ this.friendId = option.friendId || ''
+ // this.activityId = '75a4c4493de54f9fb63868817079c89c'
this.getDetail()
this.getAwardedList()
},
@@ -187,14 +187,11 @@ export default {
}.bind(this),
duration
); //此时用的普通函数,存在this指向问题,需要改变this指向
- this.animation
- .rotate(deg)
- .step()
- .rotate((this.awardNumber - 1) * -(360 / this.reword.length))
- .step({
- duration: 0,
- timingFunction: "linear",
- });
+ this.animation.rotate(deg).step().rotate((this.awardNumber - 1) * -(360 / this.reword.length)).step({
+ duration: 0,
+ timingFunction: "linear",
+ });
+ this.$u.toast(`恭喜抽中${this.activeInfo.prizes[this.awardNumber].name}!`)
this.animationData = this.animation.export();
},
//开始旋转
@@ -305,25 +302,23 @@ export default {
.header-bg-img {
max-width: 100%;
}
- .share-bg-img {
- width: 182px;
- position: absolute;
- top: 30px;
- right: 0;
- }
.share-btn {
- width: 182px;
- padding-left: 58px;
- box-sizing: border-box;
- height: 52px;
- line-height: 52px;
+ width: 200px;
+ padding-left: 64px;
+ height: 56px;
+ line-height: 56px;
font-family: PingFangSC-SNaNpxibold;
- font-size: 28rpx;
+ font-weight: 600;
+ font-size: 28px;
color: #FFE6C3;
text-shadow: 0 2px 4px rgba(173,0,0,0.80);
+ box-sizing: border-box;
position: absolute;
- top: 30px;
+ top: 32px;
right: 0;
+ background-image: url('./img/share-btn.png');
+ background-size: 100% 100%;
+ background-repeat: no-repeat;
}
.box-content {
width: 706px;
@@ -348,19 +343,19 @@ export default {
box-sizing: border-box;
background: #FFE9C7;
.title {
- width: 250px;
- height: 96px;
+ width: 240px;
+ height: 100px;
position: absolute;
- top: -48px;
+ top: -50px;
left: 50%;
- margin-left: -125px;
+ margin-left: -120px;
img {
width: 100%;
height: 100%;
}
p {
- width: 250px;
- line-height: 74px;
+ width: 240px;
+ line-height: 80px;
text-align: center;
position: absolute;
top: 0;