优化

src/views/HomeMobile.vue

@@ -31,6 +31,7 @@
 
     <div class="type-tabbar">
       <button
+        v-if="hasModels"
         :class="{active: activeType === 0}"
         @click="activeType = 0"
       >
@@ -41,6 +42,7 @@
         >
       </button>
       <button
+        v-if="hasImages"
         :class="{active: activeType === 1}"
         @click="activeType = 1"
       >
@@ -488,7 +490,7 @@ export default {
 
   > .title-wrapper {
     position: absolute;
-    top: 40px;
+    top: 47px;
     left: 50%;
     transform: translateX(-50%);
     width: 90%;
@@ -517,7 +519,7 @@ export default {
   }
   > .type-tabbar {
     position: absolute;
-    top: 90px;
+    top: 123px;
     left: 50%;
     transform: translateX(-50%);
     display: flex;

src/views/HomeWeb.vue

@@ -105,6 +105,7 @@
 
       <div class="type-tabbar">
         <button
+          v-if="hasModels"
           :class="{inactive: activeType !== 0}"
           @click="activeType = 0"
         >
@@ -115,6 +116,7 @@
           >
         </button>
         <button
+          v-if="hasImages"
           :class="{inactive: activeType !== 1}"
           @click="activeType = 1"
         >
@@ -593,16 +595,19 @@ export default {
       position: absolute;
       top: 10%;
       right: 580px;
-      width: 170px;
       display: flex;
       justify-content: space-between;
       align-items: center;
       > button {
+        width: 80px;
+        margin-left: 10px;
         &:first-of-type.inactive {
-          margin-left: 22px;
+          width: 50px;
         }
         &:last-of-type.inactive {
+          width: 50px;
           margin-right: 5px;
+          margin-left: 30px;
         }
         > img {
           width: 100%;