优化

src/view/antibody/index.vue

@@ -101,8 +101,8 @@
                     empty-text="Not Date"
                     style="width: 100%"
                     @row-click="gotoArticle">
-                    <el-table-column prop="catalog" width="65" :label="$t('AntibodyDatabase.CatNo')" />
-                    <el-table-column prop="name" width="104"  :label="$t('AntibodyDatabase.AntibodyName')" />
+                    <el-table-column prop="catalog" width="75" :label="$t('AntibodyDatabase.CatNo')" />
+                    <el-table-column prop="name" width="112"  :label="$t('AntibodyDatabase.AntibodyName')" />
                     <el-table-column prop="target" :label="$t('AntibodyDatabase.Target')" >
                       <template slot-scope="scope">
                         <span>{{ $util.targetDictionaries(scope.row.target) }}</span>

src/view/home/index.vue

@@ -12,13 +12,13 @@
             <p class="serviceText">Sanyou Bio offers a validated collection of 73 reference BsAb covering major platforms (CrossMab, BiTE®, etc.), supporting end-to-end R&D from candidate screening to preclinical evaluation. SY-CRS-BsAb solutions accelerate development by addressing key technical challenges and improving efficiency.</p>
             <div class="homeBox">
               <div class="homeBoxLeft">
-                <img class="homeBoxLeftImg" v-if="!$util.isMobileDevice()" src="@/assets/img/doubleAntibody/S7.png" alt="" srcset="" />
-                <img class="homeBoxLeftImg" v-if="$util.isMobileDevice()" src="@/assets/img/home/m1.png" alt="" srcset="" />
+                <img class="homeBoxLeftImg image_pc"  src="@/assets/img/doubleAntibody/S7.png" alt="" srcset="" />
+                <img class="homeBoxLeftImg image_move"  src="@/assets/img/home/m1.png" alt="" srcset="" />
                 <p class="homeBoxLeftText">SY-CRS-BsAb Isotype Distribution</p>
               </div>
               <div class="homeBoxLeft">
-                <img class="homeBoxLeftImg" v-if="!$util.isMobileDevice()" src="@/assets/img/doubleAntibody/S8.png" alt="" srcset="" />
-                <img class="homeBoxLeftImg" v-if="$util.isMobileDevice()" src="@/assets/img/home/m3.png" alt="" srcset="" />
+                <img class="homeBoxLeftImg image_pc"  src="@/assets/img/doubleAntibody/S8.png" alt="" srcset="" />
+                <img class="homeBoxLeftImg image_move"  src="@/assets/img/home/m3.png" alt="" srcset="" />
                 <p class="homeBoxLeftText">SY-CRS-BsAb Target Distribution</p>
               </div>
             </div>
@@ -26,8 +26,8 @@
           <div class="serviceBoxOne">
             <p class="serviceBoxOneTitle">Manufacturing Process</p>
             <div class="serviceTopTitle">SY-CRS-BsAb Produciton Process Flow</div>
-            <img class="serviceBoxOneImg" v-if="!$util.isMobileDevice()" src="@/assets/img/doubleAntibody/S6.png" alt="" srcset="" />
-            <img class="serviceBoxOneImg" v-if="$util.isMobileDevice()" src="@/assets/img/home/m2.png" alt="" srcset="" />
+            <img class="serviceBoxOneImg image_pc"  src="@/assets/img/doubleAntibody/S6.png" alt="" srcset="" />
+            <img class="serviceBoxOneImg image_move" src="@/assets/img/home/m2.png" alt="" srcset="" />
           </div>
           <div class="serviceBoxOne">
             <p class="serviceBoxOneTitle">Quality Management System</p>
@@ -50,22 +50,22 @@
             <p class="serviceBoxOneTitle">Production Experience</p>
             <div class="homeBox">
               <div class="homeBoxLeft">
-                <img class="homeBoxLeftImg" v-if="!$util.isMobileDevice()" src="@/assets/img/doubleAntibody/S1.jpg" alt="" srcset="" />
-                <img class="homeBoxLeftImg" v-if="$util.isMobileDevice()" src="@/assets/img/home/m5.png" alt="" srcset="" />
+                <img class="homeBoxLeftImg image_pc"  src="@/assets/img/doubleAntibody/S1.jpg" alt="" srcset="" />
+                <img class="homeBoxLeftImg image_move"  src="@/assets/img/home/m5.png" alt="" srcset="" />
               </div>
               <div class="homeBoxLeft">
-                <img class="homeBoxLeftImg" v-if="!$util.isMobileDevice()" src="@/assets/img/doubleAntibody/S2.jpg" alt="" srcset="" />
-                <img class="homeBoxLeftImg" v-if="$util.isMobileDevice()" src="@/assets/img/home/m6.png" alt="" srcset="" />
+                <img class="homeBoxLeftImg image_pc"  src="@/assets/img/doubleAntibody/S2.jpg" alt="" srcset="" />
+                <img class="homeBoxLeftImg image_move"  src="@/assets/img/home/m6.png" alt="" srcset="" />
               </div>
             </div>
             <div class="homeBox">
               <div class="homeBoxLeft">
-                <img class="homeBoxLeftImg" v-if="!$util.isMobileDevice()" src="@/assets/img/doubleAntibody/S3.jpg" alt="" srcset="" />
-                <img class="homeBoxLeftImg" v-if="$util.isMobileDevice()" src="@/assets/img/home/m7.png" alt="" srcset="" />
+                <img class="homeBoxLeftImg image_pc"  src="@/assets/img/doubleAntibody/S3.jpg" alt="" srcset="" />
+                <img class="homeBoxLeftImg image_move"  src="@/assets/img/home/m7.png" alt="" srcset="" />
               </div>
               <div class="homeBoxLeft">
-                <img class="homeBoxLeftImg" v-if="!$util.isMobileDevice()" src="@/assets/img/doubleAntibody/S4.jpg" alt="" srcset="" />
-                <img class="homeBoxLeftImg" v-if="$util.isMobileDevice()" src="@/assets/img/home/m8.png" alt="" srcset="" />
+                <img class="homeBoxLeftImg image_pc"  src="@/assets/img/doubleAntibody/S4.jpg" alt="" srcset="" />
+                <img class="homeBoxLeftImg image_move"  src="@/assets/img/home/m8.png" alt="" srcset="" />
               </div>
             </div>
           </div>
@@ -231,6 +231,12 @@ export default {
         }
       }
     }
+    .image_pc{
+      display: block;
+    }
+    .image_move{
+      display: none;
+    }
   }
 }
 @media screen and (min-width: 0) and (max-width: 750px) {
@@ -251,7 +257,7 @@ export default {
         width: 100%;
           margin: 30px auto 0;
           background: #fff;
-          padding: 20px;
+          padding: 20px 10px;
           box-sizing: border-box;
           .serviceText{
             font-weight: 400;
@@ -365,6 +371,12 @@ export default {
         }
       }
     }
+    .image_pc{
+      display: none;
+    }
+    .image_move{
+      display: block;
+    }
   }
 }
 </style>