李志伟 3 years ago
parent
commit
3b8b541c57

BIN
src/assets/indexImg/indexBgctop.jpg View File


+ 1
- 1
src/components/CalendarPoster.vue View File

295
         border-radius: 8px;
295
         border-radius: 8px;
296
         margin-top: 11px;
296
         margin-top: 11px;
297
         width: 343px;
297
         width: 343px;
298
-        background-color: #c1172d;
298
+        background-color: #b12b32;
299
         border: 0;
299
         border: 0;
300
         position: fixed;
300
         position: fixed;
301
         z-index: 15;
301
         z-index: 15;

+ 1
- 1
src/components/MyWinning.vue View File

294
         border-radius: 8px;
294
         border-radius: 8px;
295
         margin-top: 11px;
295
         margin-top: 11px;
296
         width: 343px;
296
         width: 343px;
297
-        background-color: #c1172d;
297
+        background-color: #b12b32;
298
         border: 0;
298
         border: 0;
299
         position: fixed;
299
         position: fixed;
300
         z-index: 15;
300
         z-index: 15;

+ 9
- 19
src/pages/Honghe.vue View File

2
   <div class="index-box">
2
   <div class="index-box">
3
     <popup :show="showPopup" @cancel="cancelFrom" :current-month="currentMonth" />
3
     <popup :show="showPopup" @cancel="cancelFrom" :current-month="currentMonth" />
4
     <MyWinning :show="showMyWinning" :current-month="currentMonth" />
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
     <div class="outer6-wrapper">
10
     <div class="outer6-wrapper">
11
       <div class="outer6 flex-col">
11
       <div class="outer6 flex-col">
12
         <div v-for="month in list" :key="month.id" class="section-item">
12
         <div v-for="month in list" :key="month.id" class="section-item">
241
   flex-direction: column;
241
   flex-direction: column;
242
 }
242
 }
243
 .index-box {
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
   height: 100vh;
246
   height: 100vh;
249
   position: relative;
247
   position: relative;
250
   top: 0;
248
   top: 0;
256
     z-index: 2;
254
     z-index: 2;
257
   }
255
   }
258
   .topImage {
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
   .outer6-wrapper {
259
   .outer6-wrapper {
270
     width: 92vw;
260
     width: 92vw;
271
     border: 1px solid #d0b69a;
261
     border: 1px solid #d0b69a;
272
-    margin: 16px auto 0;
262
+    margin: 0 auto;
273
     margin-bottom: 2em;
263
     margin-bottom: 2em;
274
 
264
 
275
     .outer6 {
265
     .outer6 {

+ 1
- 1
src/pages/SaveShare.vue View File

213
       border-radius: 8px;
213
       border-radius: 8px;
214
       margin-top: 11px;
214
       margin-top: 11px;
215
       width: 343px;
215
       width: 343px;
216
-      background-color: #c1172d;
216
+      background-color: #b12b32;
217
       border: 0;
217
       border: 0;
218
       position: fixed;
218
       position: fixed;
219
       z-index: 15;
219
       z-index: 15;