1

src/view/antibody/index.vue

@@ -260,6 +260,7 @@ export default {
             width: 190px;
             min-height: 40px;
             background: #dff3ff;
+            // background-color: #f7faff;
             font-size: 16px;
             font-family: Arial;
             color: #000;
@@ -269,7 +270,8 @@ export default {
           }
           .SpeciesBox{
             flex: 1;
-            background: #F7FAFF;
+            // background: #F7FAFF;
+            background: #DFF3FE;
             position: relative;
             .SpeciesImg{
               position: absolute;
@@ -285,11 +287,17 @@ export default {
             // align-items: flex-start;
             align-items: center;
             position: relative;
-            border-bottom: 1px solid #E3F1FF;
-            padding: 10px 0;
+            border-bottom: 1px solid rgba(7,91,169,.1);
+            // padding: 10px 0;
             .list_tit{
               width: 260px;
               text-align: center;
+              font-weight: bold;
+              // padding-top: 10px;
+            }
+            .SpeciesBox_list2{
+              padding: 10px;
+              background-color: #F1FAFF;
             }
             .list_checkbox{
               width: 23%;

src/view/overView/index.vue

@@ -23,7 +23,7 @@
               <p class="images_title">{{ one.catalog }}</p>
               <img class="icons-item-imgbox" :src="one.coverUrl">
               <p class="images_weight">{{ one.name }}</p>
-              <p class="images_text">{{ one.moa }} </p>
+              <!-- <p class="images_text">{{ one.moa }} </p> -->
               <p class="images_text">{{ one.proteinWeight }} kDa</p>
               <p class="images_text">({{ one.company }})</p>
               <p class="images_footer">{{ one.country }}{{ one.stage ? ',' : '' }} {{ one.stage }}{{ one.year ? "(" + one.year + ")"
@@ -45,7 +45,7 @@
               <p class="images_title">{{ one.catalog }}</p>
               <img class="icons-item-imgbox" :src="one.coverUrl">
               <p class="images_weight">{{ one.name }}</p>
-              <p class="images_text">{{ one.moa }} </p>
+              <!-- <p class="images_text">{{ one.moa }} </p> -->
               <p class="images_text">{{ one.proteinWeight }} kDa</p>
               <p class="images_text">({{ one.company }})</p>
               <p class="images_footer">{{ one.country }}{{ one.stage ? ',' : '' }} {{ one.stage }}{{ one.year ? "(" + one.year + ")"
@@ -69,7 +69,7 @@
               <p class="images_title">{{ one.catalog }}</p>
               <img class="icons-item-imgbox" :src="one.coverUrl">
               <p class="images_weight">{{ one.name }}</p>
-              <p class="images_text">{{ one.moa }} </p>
+              <!-- <p class="images_text">{{ one.moa }} </p> -->
               <p class="images_text">{{ one.proteinWeight }} kDa</p>
               <p class="images_text">({{ one.company }})</p>
               <p class="images_footer">{{ one.country }}{{ one.stage ? ',' : '' }} {{ one.stage }}{{ one.year ? "(" + one.year + ")"
@@ -91,7 +91,7 @@
               <p class="images_title">{{ one.catalog }}</p>
               <img class="icons-item-imgbox" :src="one.coverUrl">
               <p class="images_weight">{{ one.name }}</p>
-              <p class="images_text">{{ one.moa }} </p>
+              <!-- <p class="images_text">{{ one.moa }} </p> -->
               <p class="images_text">{{ one.proteinWeight }} kDa</p>
               <p class="images_text">({{ one.company }})</p>
               <p class="images_footer">{{ one.country }}{{ one.stage ? ',' : '' }} {{ one.stage }}{{ one.year ? "(" + one.year + ")"
@@ -131,7 +131,7 @@ export default {
       if (block.isSliding) {
         block.isSliding = false;
         if (this.isBlockInArray(block, this.otherList)) {
-          this.otherList = this.otherList.filter(b => b.catalog !== block.catalog || b.name !== block.name || b.target !== block.target || b.moa !== block.moa);
+          this.otherList = this.otherList.filter(b => b.catalog !== block.catalog || b.name !== block.name || b.target !== block.target);
           this.keywordList.push(block);
           block.styleOpacity = "0"
           setTimeout(() => {
@@ -149,7 +149,7 @@ export default {
     },
     // 搜索
     isBlockInArray(block, array) {
-      return array.some(b => b.catalog === block.catalog || b.name === block.name || b.target === block.target || b.moa === block.moa);
+      return array.some(b => b.catalog === block.catalog || b.name === block.name || b.target === block.target);
     },
     search() {
       let list = []
@@ -165,7 +165,7 @@ export default {
       let matchCount = 0;
       // 搜索条件 name,catalog, target, moa
       this.overView.forEach(block => {
-        if (block.name.toLowerCase().includes(keyword.toLowerCase()) || block.catalog.toLowerCase().includes(keyword.toLowerCase()) || block.target.toLowerCase().includes(keyword.toLowerCase()) || block.moa.toLowerCase().includes(keyword.toLowerCase())) {
+        if (block.name.toLowerCase().includes(keyword.toLowerCase()) || block.catalog.toLowerCase().includes(keyword.toLowerCase()) || block.target.toLowerCase().includes(keyword.toLowerCase())) {
           if (block.isSliding) return;
           setTimeout(() => {
             block.isSliding = true;

src/view/product/components/AntibodyInfo.vue

@@ -166,23 +166,6 @@ export default {
 </script>
 <style lang="scss" scoped>
 @media screen and (min-width: 751px) and (max-width: 9999px) {
-  .pc {
-    display: block !important;
-
-    &.env_en {
-      .table_th {
-        .table_td {
-          &:nth-child(1) {
-            width: 141px !important;
-          }
-          &:nth-child(3) {
-            width: 181px !important;
-          }
-        }
-      }
-    }
-  }
-
   .mobile {
     display: none !important;
   }
@@ -215,7 +198,8 @@ export default {
         padding: 10px;
 
         &:nth-child(1) {
-          width: 100px;
+          // width: 100px;
+          width: 141px;
           &::after {
             content: "：";
           }
@@ -225,7 +209,8 @@ export default {
           color: #313131;
         }
         &:nth-child(3) {
-          width: 110px;
+          // width: 110px;
+          width: 181px;
           &::after {
             content: "：";
           }
@@ -241,6 +226,21 @@ export default {
       }
     }
   }
+  .pc {
+    display: block !important;
+    &.env_en {
+      .table_th {
+        .table_td {
+          &:nth-child(1) {
+            width: 141px !important;
+          }
+          &:nth-child(3) {
+            width: 181px !important;
+          }
+        }
+      }
+    }
+  }
 }
 
 @media screen and (min-width: 0px) and (max-width: 750px) {