抽奖

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;
       }
     }