各个按钮样式适应一体机

src/App.vue

@@ -13,7 +13,7 @@
     </transition>
     <img
       class="home-btn"
-      src="@/assets/image/home.png"
+      src="@/assets/image/home-btn.png"
       alt=""
       @click="onClickHomeBtn"
     >
@@ -174,10 +174,11 @@ html,body{
 // }
 .home-btn {
   position: absolute;
-  top: 18%;
-  right: 0.8rem;
+  cursor: pointer;
+  right: 0;
+  top: 50%;
+  transform: translateY(-50%);
   z-index: 9;
-  width: 1.5rem;
-  height: 1.5rem;
+  width: 2rem;
 }
 </style>

src/components/BackBtn.vue

@@ -12,9 +12,10 @@
 <style lang="less" scoped>
 .btn-back {
     position: absolute;
-    left: 0.8rem;
-    top: 18%;
-    width: 1.5rem;
+    left: 0;
+    top: 50%;
+    transform: translateY(-50%);
+    width: 2rem;
     border: none;
     background: transparent;
     cursor: pointer;

src/views/ExhibitionDetail.vue

@@ -33,7 +33,7 @@
         >
       </div>
       <img
-        src="@/assets/image/close2.png"
+        src="@/assets/image/back.png"
         alt=""
         class="close"
         @click="onClickCloseMask"
@@ -334,10 +334,10 @@ export default {
     }
     .close {
       position: fixed;
-      top: 0.84rem;
-      left: 0.41rem;
-      width: 0.63rem;
-      padding: 0.5rem;
+      left: 0;
+      top: 50%;
+      transform: translateY(-50%);
+      width: 2rem;
       cursor: pointer;
     }
     h2 {