Quellcode durchsuchen

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

Baozhangchao vor 3 Jahren
Ursprung
Commit
0f9635f472

+ 1
- 1
.gitignore Datei anzeigen

@@ -1,7 +1,7 @@
1 1
 .DS_Store
2 2
 node_modules
3 3
 /dist
4
-
4
+*.mp3
5 5
 
6 6
 # local env files
7 7
 .env.local

BIN
public/images/paused.png Datei anzeigen


BIN
public/images/play.png Datei anzeigen


BIN
public/loading.gif Datei anzeigen


+ 25
- 0
src/components/BgMusic.vue Datei anzeigen

@@ -0,0 +1,25 @@
1
+<template>
2
+  <div class="bg-music">
3
+
4
+  </div>
5
+</template>
6
+
7
+<script>
8
+export default {
9
+  name: 'BgMusic',
10
+  data() {
11
+    const { origin, pathname } = window.location
12
+
13
+    return {
14
+      url: `${origin}${pathname}/bg.mp3`
15
+    }
16
+  }
17
+}
18
+</script>
19
+
20
+<style lang="less" scoped>
21
+.bg-music {
22
+  width: 64px;
23
+  height: 64px;
24
+}
25
+</style>

+ 0
- 1
src/components/CalendarPoster.vue Datei anzeigen

@@ -263,7 +263,6 @@ export default {
263 263
         width: 100vw;
264 264
         overflow: hidden;
265 265
         align-self: center;
266
-        margin-top: 1vw;
267 266
         margin-left: 0;
268 267
         .subhaibao {
269 268
           // position: absolute;

+ 0
- 1
src/components/MyWinning.vue Datei anzeigen

@@ -236,7 +236,6 @@ export default {
236 236
         width: 100vw;
237 237
         overflow: hidden;
238 238
         align-self: center;
239
-        margin-top: 1vw;
240 239
         margin-left: 0;
241 240
         .subhaibao {
242 241
           // position: absolute;

+ 2
- 5
src/components/Popup.vue Datei anzeigen

@@ -333,14 +333,11 @@ export default {
333 333
   }
334 334
   .section-box {
335 335
     position: absolute;
336
-    right: 15vw;
337
-    top: 57px;
338
-    height: 394px;
336
+    left: 82vw;
339 337
     display: flex;
340 338
     flex-direction: column;
341
-    width: 36px;
342 339
     justify-content: space-between;
343
-    margin-top: 2em;
340
+    margin-top: 5em;
344 341
 
345 342
     img {
346 343
       width: 36px;

+ 5
- 13
src/pages/Honghe.vue Datei anzeigen

@@ -17,7 +17,6 @@
17 17
         </div>
18 18
       </div>
19 19
     </div>
20
-    <img class="bottomImage" src="../assets/indexImg/loading_bar.png" alt />
21 20
   </div>
22 21
 </template>
23 22
 
@@ -158,8 +157,7 @@ export default {
158 157
       showPopup: false,
159 158
       showMyWinning: false,
160 159
       prizeList: [],
161
-      clickNum: 0,
162
-      bingoClickNum: rand(0, 12),
160
+      bingoId: rand(0, 12) + 1, // 可以抽奖的月份
163 161
       prizeIds: null
164 162
     }
165 163
   },
@@ -212,7 +210,7 @@ export default {
212 210
       )
213 211
 
214 212
       // 如果点击可以抽奖
215
-      if (this.clickNum === this.bingoClickNum) {
213
+      if (month.id === this.bingoId) {
216 214
         if (!this.person.personId) {
217 215
           // 报错, 提示刷新页面
218 216
         } else {
@@ -226,10 +224,6 @@ export default {
226 224
       } else {
227 225
         this.showPopup = true
228 226
       }
229
-
230
-      if (this.clickNum < this.bingoClickNum) {
231
-        this.clickNum += 1
232
-      }
233 227
     },
234 228
     // 抽奖
235 229
     drawLots() {
@@ -279,21 +273,19 @@ export default {
279 273
     z-index: 2;
280 274
   }
281 275
   .topImage {
282
-    width: 100vw;
283
-  }
284
-  .bottomImage {
276
+    padding-top: 2em;
285 277
     width: 100vw;
286 278
   }
287 279
   .outer6-wrapper {
288 280
     width: 92vw;
289 281
     border: 1px solid #d0b69a;
290
-    margin: 0 auto;
282
+    margin: 0 auto 2em;
291 283
 
292 284
     .outer6 {
293 285
       flex-flow: row wrap;
294 286
       align-content: flex-start;
295 287
       z-index: 2;
296
-      background-color: #9c0014;
288
+      background-color: #b12b32;
297 289
       align-self: center;
298 290
       width: 90vw;
299 291
       margin: 3px auto;

+ 0
- 1
src/pages/SaveShare.vue Datei anzeigen

@@ -181,7 +181,6 @@ export default {
181 181
       width: 98vw;
182 182
       overflow: hidden;
183 183
       align-self: center;
184
-      margin-top: 1vw;
185 184
       margin-left: 0;
186 185
       .subhaibao {
187 186
         // position: absolute;