diff --git a/src/project/activeAnalysis/AppLuckyDraw/AppLuckyDraw.vue b/src/project/activeAnalysis/AppLuckyDraw/AppLuckyDraw.vue index cf0d8f8c..637d44ff 100644 --- a/src/project/activeAnalysis/AppLuckyDraw/AppLuckyDraw.vue +++ b/src/project/activeAnalysis/AppLuckyDraw/AppLuckyDraw.vue @@ -175,9 +175,7 @@ export default { this.getAwardedList() }, onShow() { - this.injectJWeixin('showOptionMenu').then(() => { - wx.showOptionMenu(); - }) + wx.hideOptionMenu(); }, methods: { ...mapActions(['injectJWeixin', 'wxInvoke', 'agentSign']), @@ -430,8 +428,9 @@ export default { } } .flex-img { - display: flex; padding: 0 0 20px; + height: 88px; + position: relative; .flex-img-item { div { display: inline-block; @@ -451,25 +450,29 @@ export default { } } .flex-img-item:nth-of-type(1) { - flex: 1; - // width: 110px; - text-align: left; + position: absolute; + top: 0; + left: 0; } .flex-img-item:nth-of-type(2) { - flex: 5; - text-align: right; + position: absolute; + top: 0; + left: calc(25% - 64px); } .flex-img-item:nth-of-type(3) { - flex: 10; - text-align: right; + position: absolute; + top: 0; + left: calc(50% - 64px); } .flex-img-item:nth-of-type(4) { - flex: 15; - text-align: right; + position: absolute; + top: 0; + left: calc(75% - 64px); } .flex-img-item:nth-of-type(5) { - flex: 20; - text-align: right; + position: absolute; + top: 0; + right: 0; } } .count-line { @@ -492,35 +495,40 @@ export default { } } .flex-day { - display: flex; - justify-content: space-between; + position: relative; padding: 0 16px; div { width: 140px; - text-align: center; line-height: 36px; font-family: PingFangSC-Regular; font-size: 26px; color: #E55500; } + div:nth-of-type(1) { - // flex: 1; - // width: 110px; - text-align: left; + position: absolute; + top: 0; + left: 0; } div:nth-of-type(2) { - flex: 1.5; + position: absolute; + top: 0; + left: calc(25% - 64px); } div:nth-of-type(3) { - flex: 3.5; - text-align: right; + position: absolute; + top: 0; + left: calc(50% - 64px); } div:nth-of-type(4) { - flex: 4.5; - text-align: right; + position: absolute; + top: 0; + left: calc(75% - 64px); } div:nth-of-type(5) { - flex: 3.5; + position: absolute; + top: 0; + right: 0; text-align: right; } }