浏览代码

Merge branch 'master' of http://git.ycjcjy.com/honghe/h5-draw-lots into master

张延森 3 年前
父节点
当前提交
6480dc667b

二进制
src/assets/indexImg/imgex_MEW/4.jpg 查看文件


+ 8
- 13
src/components/CalendarPoster.vue 查看文件

42
               </div>
42
               </div>
43
               <div class="wrap5 flex-col">
43
               <div class="wrap5 flex-col">
44
                 <span class="txt1" :style="`background-image: url(${pressLucky});`"></span>
44
                 <span class="txt1" :style="`background-image: url(${pressLucky});`"></span>
45
-                <div
45
+                <!-- <div
46
                   class="main5-month flex-col"
46
                   class="main5-month flex-col"
47
                   :style="`background-image: url(${shaerButRed});`"
47
                   :style="`background-image: url(${shaerButRed});`"
48
                   @click="()=>{this.shaerShow=true}"
48
                   @click="()=>{this.shaerShow=true}"
49
-                ></div>
49
+                ></div> -->
50
+              <img class="main5-month flex-col" :src="shaerButRed" @click="()=>{this.shaerShow=true}" />
50
               </div>
51
               </div>
51
             </div>
52
             </div>
52
           </div>
53
           </div>
191
 
192
 
192
   // 内容层 z-index要比遮罩大,否则会被遮盖
193
   // 内容层 z-index要比遮罩大,否则会被遮盖
193
   .backhome {
194
   .backhome {
194
-    width: 85px;
195
-    height: 42px;
195
+    width: 80.5px;
196
+    height: 37.8px;
196
     position: fixed;
197
     position: fixed;
197
     left: 1rem;
198
     left: 1rem;
198
     top: 1rem;
199
     top: 1rem;
287
       }
288
       }
288
 
289
 
289
       .main5-month {
290
       .main5-month {
290
-        background-position: 50% 50%;
291
-        background-repeat: no-repeat;
292
-        height: 43.2px;
293
-        border-radius: 8px;
294
-        margin-top: 11px;
295
-        width: 308.7px;
296
-        background-color: #b02c32;
297
-        border: 0;
291
+        height: 8.64vw;
292
+        width: 86.4vw;
293
+        bottom: 5vh;        
298
         position: fixed;
294
         position: fixed;
299
         z-index: 15;
295
         z-index: 15;
300
-        bottom: 4vh;
301
       }
296
       }
302
     }
297
     }
303
   }
298
   }

+ 48
- 29
src/components/MyWinning.vue 查看文件

7
         @click="cancelPopupts"
7
         @click="cancelPopupts"
8
       ></div>
8
       ></div>
9
       <div>
9
       <div>
10
-        <div v-if="Prize!=undefined">
11
-          <!-- 领取屏保 -->
12
-          <div class="outer3 flex-col">
13
-            <div class="haibao">
14
-              <img class="haibao" src="../assets/prizeImg/MyPrize.jpg" alt />
15
-
16
-              <div class="haibao-jiangping">
17
-                <img v-if="Prize" :src="`${Prize.thumb2}`" alt />
18
-                <h1 v-else>暂无奖品</h1>
10
+        <div v-show="!PrizeShow">
11
+          <div v-if="Prize.prizeId!=undefined">
12
+            <!-- 领取奖品-->
13
+            <div class="outer3 flex-col" style="overflow: auto;height:100vh;">
14
+              <div class="haibao-box" style="overflow: auto;height:100vh;">
15
+                <img class="haibao" src="../assets/prizeImg/MyPrize.jpg" alt />
16
+
17
+                <div class="haibao-jiangping">
18
+                  <img v-if="Prize" :src="`${Prize.thumb2}`" alt />
19
+                  <h1 v-else>暂无奖品</h1>
20
+                </div>
19
               </div>
21
               </div>
20
             </div>
22
             </div>
21
           </div>
23
           </div>
22
-        </div>
23
-        <div v-else style="overflow: auto;height:100vh;">
24
-          <div class="page flex-col">
25
-            <div class="group1 flex-col">
26
-              <div class="wrap3 flex-col">
27
-                <img src="../assets/prizeImg/notPrize.jpg" class="subhaibao" />
28
-                <!-- 没有奖品 -->
24
+          <div v-else style="overflow: auto;height:100vh;">
25
+            <div class="page flex-col">
26
+              <div class="group1 flex-col">
27
+                <div class="wrap3 flex-col">
28
+                  <img src="../assets/prizeImg/notPrize.jpg" class="subhaibao" />
29
+                  <!-- 没有奖品 -->
30
+                </div>
29
               </div>
31
               </div>
30
             </div>
32
             </div>
31
           </div>
33
           </div>
32
         </div>
34
         </div>
33
-        <div v-if="PrizeState==2" style="overflow: auto;height:100vh;">
35
+
36
+        <div v-show="PrizeShow" style="overflow: auto;height:100vh;">
34
           <div class="page flex-col">
37
           <div class="page flex-col">
35
             <div class="group1 flex-col">
38
             <div class="group1 flex-col">
36
               <div class="wrap3 flex-col">
39
               <div class="wrap3 flex-col">
69
       type: Object
72
       type: Object
70
     },
73
     },
71
     PrizeState: {
74
     PrizeState: {
72
-      type: Number
75
+      type: [Number || Boolean]
73
     },
76
     },
74
     Prize: {
77
     Prize: {
75
-      type: Object
76
-      // default: () => ({})
78
+      type: Object,
79
+      default: () => ({})
77
     },
80
     },
78
     prizeList: {
81
     prizeList: {
79
       type: Array
82
       type: Array
87
       shaerBut: require('../assets/buttonImg/sayFriend.png'),
90
       shaerBut: require('../assets/buttonImg/sayFriend.png'),
88
       pressImage: require('../assets/buttonImg/pressSave.png'),
91
       pressImage: require('../assets/buttonImg/pressSave.png'),
89
       shaerButRed: require('../assets/buttonImg/sayFriend.png'),
92
       shaerButRed: require('../assets/buttonImg/sayFriend.png'),
90
-      pressLucky: require('../assets/buttonImg/happyAccept.png')
93
+      pressLucky: require('../assets/buttonImg/happyAccept.png'),
94
+      PrizeShow: null
91
     }
95
     }
92
   },
96
   },
93
 
97
 
110
       }
114
       }
111
     }
115
     }
112
   },
116
   },
117
+  created() {
118
+    this.noShowMy()
119
+  },
113
   methods: {
120
   methods: {
121
+    noShowMy() {
122
+      let a = this.prizeList.reduce((sum, x) => x.exitsNum + sum, 0) <= 0
123
+      this.PrizeShow = a
124
+      console.log('🚀 ~ file: MyWinning.vue ~ line 119 ~ noShowMy ~ a', a)
125
+      // if (this.Prize.prizeId==''&& ) {
126
+      // }
127
+    },
114
     /** 取消按钮操作 */
128
     /** 取消按钮操作 */
115
     cancelPopupts() {
129
     cancelPopupts() {
116
       // this.shaerShow = false
130
       // this.shaerShow = false
189
 
203
 
190
   // 内容层 z-index要比遮罩大,否则会被遮盖
204
   // 内容层 z-index要比遮罩大,否则会被遮盖
191
   .backhome {
205
   .backhome {
192
-    width: 85px;
193
-    height: 42px;
206
+    width: 80.5px;
207
+    height: 37.8px;
194
     position: fixed;
208
     position: fixed;
195
     left: 1rem;
209
     left: 1rem;
196
     top: 1rem;
210
     top: 1rem;
198
     background-repeat: no-repeat !important;
212
     background-repeat: no-repeat !important;
199
   }
213
   }
200
   .outer3 {
214
   .outer3 {
201
-    width: 100vw;
215
+    width: 100%;
202
     height: 100vh;
216
     height: 100vh;
203
     justify-content: flex-end;
217
     justify-content: flex-end;
204
-    .haibao {
205
-      width: 100vw;
218
+    .haibao-box {
219
+      width: 100%;
220
+      height: 100vh;
221
+
206
       position: absolute;
222
       position: absolute;
207
       left: 0;
223
       left: 0;
208
       top: 0;
224
       top: 0;
225
+      .haibao {
226
+        width: 100%;
227
+      }
209
       .haibao-jiangping {
228
       .haibao-jiangping {
210
         // border: 1px solid black;
229
         // border: 1px solid black;
211
-        width: 110vw;
212
-        height: 65vw;
230
+        width: 100vw;
231
+        height: 60vw;
213
         position: relative;
232
         position: relative;
214
         margin: 0 auto;
233
         margin: 0 auto;
215
         display: flex;
234
         display: flex;
216
         top: 18vh;
235
         top: 18vh;
217
         position: absolute;
236
         position: absolute;
218
-        left: -9vw;
237
+        // left: -9vw;
219
         img {
238
         img {
220
           width: 100%;
239
           width: 100%;
221
           height: 100%;
240
           height: 100%;

+ 1
- 1
src/components/Popup.vue 查看文件

97
       required: false
97
       required: false
98
     },
98
     },
99
     PrizeState: {
99
     PrizeState: {
100
-      type: Number
100
+      type: [Number || Boolean]
101
     },
101
     },
102
     prizeList: {
102
     prizeList: {
103
       type: Array
103
       type: Array

+ 4
- 2
src/pages/Honghe.vue 查看文件

230
   },
230
   },
231
   methods: {
231
   methods: {
232
     noShowMy() {
232
     noShowMy() {
233
-      if (this.noPrize) {
233
+      if (this.person.prizeId !== '' && this.noPrize) {
234
         console.log('有奖品')
234
         console.log('有奖品')
235
       } else {
235
       } else {
236
-        this.PrizeState = 2
236
+        this.PrizeState = true
237
+
238
+        console.log('没有奖品')
237
       }
239
       }
238
     },
240
     },
239
     //关闭
241
     //关闭

+ 2
- 2
src/pages/SaveShare.vue 查看文件

111
   flex-direction: column;
111
   flex-direction: column;
112
 }
112
 }
113
 .backhome {
113
 .backhome {
114
-  width: 85px;
115
-  height: 42px;
114
+  width: 80.5px;
115
+  height: 37.8px;
116
   position: fixed;
116
   position: fixed;
117
   left: 1rem;
117
   left: 1rem;
118
   top: 1rem;
118
   top: 1rem;