fix

src/views/components/ApartmentNavi.vue

@@ -2,29 +2,29 @@
   <div>
     <div class="flex-box">
       <div class="flex-box-item down-sign">
-        <img :src="require('@/assets/images/apartment/1-2.png')" style="height: 48px;" alt="">
+        <img :src="require('@/assets/images/apartment/1-2.png')" style="height: 48px;" alt />
       </div>
     </div>
     <div class="flex-box" style="margin-top: 10px">
       <div class="flex-box-item">
-        <img :src="require('@/assets/images/apartment/2-1.png')" alt="" @click="handleClick(1)">
+        <img :src="require('@/assets/images/apartment/2-1.png')" alt @click="handleClick(1)" />
       </div>
       <div class="flex-box-item">
-        <img :src="require('@/assets/images/apartment/3.png')" alt="" @click="handleClick(2)">
+        <img :src="require('@/assets/images/apartment/3.png')" alt @click="handleClick(2)" />
       </div>
       <div class="flex-box-item">
-        <img :src="require('@/assets/images/apartment/4.png')" alt="" @click="handleClick(3)">
+        <img :src="require('@/assets/images/apartment/4.png')" alt @click="handleClick(3)" />
       </div>
     </div>
     <div class="flex-box" style="margin-top: 20px">
       <div class="flex-box-item">
-        <img :src="require('@/assets/images/apartment/5.png')" alt="" @click="handleClick(4)">
+        <img :src="require('@/assets/images/apartment/5.png')" alt @click="handleClick(4)" />
       </div>
       <div class="flex-box-item">
-        <img :src="require('@/assets/images/apartment/6.png')" alt="" @click="handleClick(5)">
+        <img :src="require('@/assets/images/apartment/6.png')" alt @click="handleClick(5)" />
       </div>
       <div class="flex-box-item">
-        <img :src="require('@/assets/images/apartment/7.png')" alt="" @click="handleClick(6)">
+        <img :src="require('@/assets/images/apartment/7.png')" alt @click="handleClick(6)" />
       </div>
     </div>
   </div>
@@ -47,7 +47,7 @@ export default {
   justify-content: center;
   align-items: center;
   box-sizing: border-box;
-  padding: 0 20px;
+  padding: 0 3em;
 
   &-item {
     flex: 1;

src/views/components/OfficeImage.vue

@@ -70,7 +70,7 @@ export default {
   justify-content: center;
   align-items: center;
   box-sizing: border-box;
-  padding: 0 20px;
+  padding: 0 3em;
 
   .flex-box-style {
     display: flex;