结尾页添加人像

src/views/EpilogueView.vue

@@ -1,5 +1,12 @@
 <template>
   <div class="epilogue-view">
+    <img
+      class="character"
+      src="@/assets/images/character-zhaomengfu-2.png"
+      alt=""
+      draggable="false"
+    >
+
     <transition name="fade-out">
       <video
         v-if="isShowVideo"
@@ -89,6 +96,17 @@ function onClickOfflineMuseumEntry() {
   flex-direction: column;
   justify-content: center;
   align-items: center;
+  >img.character{
+    position: absolute;
+    bottom: 0;
+    left: 158px;
+    width: 298px;
+  }
+  @media only screen and (max-width: 1500px) {
+    >img.character{
+      left: -20px;
+    }
+  }
   .close {
     position: absolute;
     top: 50px;
@@ -121,6 +139,24 @@ function onClickOfflineMuseumEntry() {
     height: 100vh;
     position: relative;
     z-index: 1;
+    >.qr-code{
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      >img.qr-code{
+        width: 125px;
+        height: 125px;
+        margin-bottom: 10px;
+      }
+      >span{
+        font-size: 14px;
+        font-family: Source Han Sans CN, Source Han Sans CN;
+        font-weight: 400;
+        color: #6A3906;
+        line-height: 16px;
+        letter-spacing: 1px;
+      }
+    }
     p {
       padding: 74px 0 89px;
       width: 861px;
@@ -142,24 +178,6 @@ function onClickOfflineMuseumEntry() {
         cursor: pointer;
       }
     }
-    >.qr-code{
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      >img.qr-code{
-        width: 125px;
-        height: 125px;
-        margin-bottom: 10px;
-      }
-      >span{
-        font-size: 14px;
-        font-family: Source Han Sans CN, Source Han Sans CN;
-        font-weight: 400;
-        color: #6A3906;
-        line-height: 16px;
-        letter-spacing: 1px;
-      }
-    }
   }
 }
 </style>