|
|
@@ -2,11 +2,11 @@
|
|
2
|
2
|
<div class="index-box">
|
|
3
|
3
|
<popup :show="showPopup" @cancel="cancelFrom" :current-month="currentMonth" />
|
|
4
|
4
|
<MyWinning :show="showMyWinning" :current-month="currentMonth" />
|
|
5
|
|
- <div>
|
|
6
|
|
- <div>
|
|
7
|
|
- <!-- <img class="topImage" src="../assets/indexImg/indexBgc.jpg" alt /> -->
|
|
8
|
|
- </div>
|
|
9
|
|
- </div>
|
|
|
5
|
+ <!-- <div>
|
|
|
6
|
+ <div> -->
|
|
|
7
|
+ <img class="topImage" src="../assets/indexImg/indexBgctop.jpg" alt />
|
|
|
8
|
+ <!-- </div>
|
|
|
9
|
+ </div> -->
|
|
10
|
10
|
<div class="outer6-wrapper">
|
|
11
|
11
|
<div class="outer6 flex-col">
|
|
12
|
12
|
<div v-for="month in list" :key="month.id" class="section-item">
|
|
|
@@ -241,10 +241,8 @@ export default {
|
|
241
|
241
|
flex-direction: column;
|
|
242
|
242
|
}
|
|
243
|
243
|
.index-box {
|
|
244
|
|
- // background: url('../assets/indexImg/indexBgc.jpg') no-repeat;
|
|
245
|
|
- background-color: #c1172d;
|
|
246
|
|
- background-size: 100% 100%;
|
|
247
|
|
- width: 100%;
|
|
|
244
|
+ background-color: #b12b32;
|
|
|
245
|
+ width: 100vw;
|
|
248
|
246
|
height: 100vh;
|
|
249
|
247
|
position: relative;
|
|
250
|
248
|
top: 0;
|
|
|
@@ -256,20 +254,12 @@ export default {
|
|
256
|
254
|
z-index: 2;
|
|
257
|
255
|
}
|
|
258
|
256
|
.topImage {
|
|
259
|
|
- width: 90%;
|
|
260
|
|
- z-index: 8;
|
|
261
|
|
- overflow-wrap: break-word;
|
|
262
|
|
- text-align: center;
|
|
263
|
|
- white-space: nowrap;
|
|
264
|
|
- align-self: center;
|
|
265
|
|
- margin-top: 20px;
|
|
266
|
|
- background-size: 100% auto;
|
|
267
|
|
- background-repeat: no-repeat;
|
|
|
257
|
+ width: 100vw;
|
|
268
|
258
|
}
|
|
269
|
259
|
.outer6-wrapper {
|
|
270
|
260
|
width: 92vw;
|
|
271
|
261
|
border: 1px solid #d0b69a;
|
|
272
|
|
- margin: 16px auto 0;
|
|
|
262
|
+ margin: 0 auto;
|
|
273
|
263
|
margin-bottom: 2em;
|
|
274
|
264
|
|
|
275
|
265
|
.outer6 {
|
