diff --git a/src/project/activeAnalysis/AppLuckyDraw/AppLuckyDraw.vue b/src/project/activeAnalysis/AppLuckyDraw/AppLuckyDraw.vue
index 95744e41..6253fee0 100644
--- a/src/project/activeAnalysis/AppLuckyDraw/AppLuckyDraw.vue
+++ b/src/project/activeAnalysis/AppLuckyDraw/AppLuckyDraw.vue
@@ -31,6 +31,9 @@
关注微信插件,以免忘记打卡,仅用于接收提醒,
不计入打卡。
@@ -143,7 +149,7 @@ export default {
data() {
return {
deg: 0, // 初始化角度
- duration: 2000, //动画时长
+ duration: 4000, //动画时长
awardNumber: 2, // 中奖区域 从1开始
isStart: false, //防止多次触发动画
animationData: {}, //动画对象
@@ -192,6 +198,7 @@ export default {
timingFunction: "linear",
});
this.$u.toast(`恭喜抽中${this.activeInfo.prizes[this.awardNumber].name}!`)
+ this.getDetail()
this.animationData = this.animation.export();
},
//开始旋转
@@ -286,9 +293,7 @@ export default {
this.wxInvoke(['shareAppMessage', {
title: '幸运抽奖',
desc: '新年伊始,企业微信团队为创建安全和谐的网络办公环境,诚邀大家使用企业微信参与打卡活动!',
- // link: `/pages/AppLuckyDraw/AppLuckyDraw?activityId=${this.activityId}&friendId=${this.user.id}`,
- link: 'https://www.baidu.com/',
- imgUrl: 'https://cdn.cunwuyun.cn/xlgl/lock.png'
+ link: `./AppLuckyDraw/AppLuckyDraw?activityId=${this.activityId}&friendId=${this.user.id}`,
}]).catch((err) => {
console.log(123, err)
})
@@ -448,18 +453,24 @@ export default {
}
}
.flex-img-item:nth-of-type(1) {
- flex: 1;
+ // flex: 1;
+ width: 110px;
+ text-align: left;
}
.flex-img-item:nth-of-type(2) {
- flex: 2.5;
+ flex: 1.5;
text-align: right;
}
.flex-img-item:nth-of-type(3) {
- flex: 4;
+ flex: 3.5;
text-align: right;
}
.flex-img-item:nth-of-type(4) {
- flex: 7;
+ flex: 4.5;
+ text-align: right;
+ }
+ .flex-img-item:nth-of-type(5) {
+ flex: 3.5;
text-align: right;
}
}
@@ -495,18 +506,23 @@ export default {
color: #E55500;
}
div:nth-of-type(1) {
- flex: 1;
+ // flex: 1;
+ width: 110px;
+ text-align: left;
}
div:nth-of-type(2) {
- flex: 2.5;
- text-align: right;
+ flex: 1.5;
}
div:nth-of-type(3) {
- flex: 4;
+ flex: 3.5;
text-align: right;
}
div:nth-of-type(4) {
- flex: 7;
+ flex: 4.5;
+ text-align: right;
+ }
+ div:nth-of-type(5) {
+ flex: 3.5;
text-align: right;
}
}
@@ -556,15 +572,24 @@ export default {
margin: 0 0 0 -60px;
transform-origin: 60px 269px;
font-size: 20px;
- padding-top: 40px;
+ padding-top: 22px;
box-sizing: border-box;
color: #E55500;
}
.cell-img {
width: 80px;
- // height: 80px;
margin-top: 10px;
}
+ .clock-active {
+ opacity: .3;
+ }
+ .clock-img {
+ width: 80px;
+ position: absolute;
+ top: 70px;
+ left: 50%;
+ margin-left: -40px;
+ }
.sector {
width: 538px;
height: 538px;
diff --git a/src/project/activeAnalysis/AppLuckyDraw/img/content-img.png b/src/project/activeAnalysis/AppLuckyDraw/img/content-img.png
index 7b2bad10..b66b4871 100644
Binary files a/src/project/activeAnalysis/AppLuckyDraw/img/content-img.png and b/src/project/activeAnalysis/AppLuckyDraw/img/content-img.png differ