調整活動祈願圖版面

GoneTone · Nov 24, 2021 · 10b2e0b · 10b2e0b
1 parent 736669d
commit 10b2e0b
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 1 deletion.
diff --git a/public/assets/css/style.css b/public/assets/css/style.css
@@ -6,6 +6,7 @@
     font-family: HYWenHei-85W;
     src: url('../font/HYWenHei-85W.ttf');
 }
+
 @font-face {
     font-family: Default_SC;
     src: url('../font/Default_SC.ttf');
@@ -51,3 +52,15 @@ a, label {
 .bg-bd6932 {
     background-color: #bd6932 !important;
 }
+
+.image404:after {
+    content: "";
+    display: block;
+    position: relative;
+    z-index: 2;
+    top: -27px;
+    left: 0;
+    width: 120px;
+    height: 25px;
+    background-color: #F8F9FC;
+}
diff --git a/src/views/Gacha.vue b/src/views/Gacha.vue
@@ -8,7 +8,14 @@
       <div class="container-fluid mt-4">
         <header-layout :title="title" :data-time-range="dataTimeRange" :update-time="updateTime"></header-layout>
 
-        <img class="img-fluid mx-auto d-block mb-4" :src="`https://${this.$store.getters.configs.api.app.host}${this.$store.getters.configs.api.app.path}images/gacha/${this.$route.params.key}.jpg?${this.$store.getters.randomStr}`" width="800" :alt="$t('ui.text.event_wish_image')" v-if="isDisplayEventImage(this.$route.params.key)">
+        <div class="row" v-if="isDisplayEventImage(this.$route.params.key)">
+          <div class="col-md-6">
+            <img class="img-fluid mx-auto d-block mb-4" :src="`https://${this.$store.getters.configs.api.app.host}${this.$store.getters.configs.api.app.path}images/gacha/${this.$route.params.key}.jpg?${this.$store.getters.randomStr}`" width="800" :alt="$t('ui.text.event_wish_image')">
+          </div>
+          <div class="col-md-6">
+            <img class="img-fluid mx-auto d-block mb-4 image404" :src="`https://${this.$store.getters.configs.api.app.host}${this.$store.getters.configs.api.app.path}images/gacha/${this.$route.params.key}-2.jpg?${this.$store.getters.randomStr}`" width="800" :alt="$t('ui.text.event_wish_image')">
+          </div>
+        </div>
 
         <draws-info :gacha-id="Number(this.$route.params.key)" :accumulate-draws="allCount" :accumulate-not-win-draws="drawsCountInWin" :averag-draws-count-in-win="averagDrawsCountInWin" :is-no-display-guaranteed="Number(this.$route.params.key) === 100"></draws-info>