11

src/view/overView/index.vue

@@ -459,6 +459,7 @@ export default {
         transition: transform 0.3s ease;
         margin-bottom: 0.1rem;
         .images_box {
+          height: 204px;
           padding: 0.08rem;
           box-sizing: border-box;
           text-align: center;

src/view/product/details.vue

@@ -549,10 +549,6 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-.container{
-  width: 1200px;
-  margin: 40px auto 0;
-}
 .common-border {
   border-top: 1px solid #0166b4;
   border-left: 1px solid #d6eaff;
@@ -561,6 +557,10 @@ export default {
 }
 
 @media screen and (min-width: 751px) and (max-width: 9999px) {
+  .container{
+    width: 1200px;
+    margin: 40px auto 0;
+  }
   .pc-page {
     display: block;
   }
@@ -685,6 +685,11 @@ export default {
 }
 
 @media screen and (min-width: 0px) and (max-width: 750px) {
+  .container{
+    width: 100%;
+    padding:0 20px;
+    // margin: 40px auto 0;
+  }
   .pc-page {
     display: none;
   }

src/view/product/index.vue

@@ -170,7 +170,9 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-.antibody_box {
+
+@media screen and (min-width: 751px) and (max-width: 9999px) {
+  .antibody_box {
   display: block !important;
   width: 1200px;
   margin: auto ;
@@ -244,13 +246,14 @@ export default {
     }
   }
 }
-@media screen and (min-width: 751px) and (max-width: 9999px) {
   .menu_box_pmd {
     display: none;
   }
 }
 @media screen and (min-width: 0px) and (max-width: 750px) {
-  .antibody_box {
+  .antibody_box /deep/{
+    width: 100%;
+    padding: 0 20px;
     .clout_box {
       margin-bottom: 20px;
       .title {

src/view/profile/index.vue

@@ -5,7 +5,7 @@
       <div class="title">SY-CRS-BsAb</div>
       <div class="v-content">
         <el-row :gutter="20">
-          <el-col :span="5" :xl="6" :lg="6" :md="8" :sm="8" :xs="12" v-for="(nav, i) in syList" :key="i" class="list">
+          <el-col :span="5" :xs="8" v-for="(nav, i) in syList" :key="i" class="list">
             <div class="content" @click="tapProfile(nav)">
               <img class="profile-img" :src="nav.img" />
               <p class="text">{{nav.title}}</p>
@@ -17,7 +17,7 @@
       <div class="title">Other materials</div>
       <div class="v-content">
         <el-row :gutter="20">
-          <el-col :span="5" :xl="6" :lg="6" :md="8" :sm="8" :xs="12" v-for="(nav, i) in list" :key="i" class="list">
+          <el-col :span="5" :xl="6" :lg="6" :md="8" :sm="8" :xs="8" v-for="(nav, i) in list" :key="i" class="list">
             <div class="content" @click="tapProfile(nav)">
               <img class="profile-img" :src="nav.img" />
               <p class="text">{{nav.title}}</p>
@@ -103,6 +103,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@media screen and (min-width: 751px) and (max-width: 9999px) {
 .content-box{
   width: 1200px;
   margin: 40px auto 0;
@@ -189,4 +190,94 @@ export default {
     }
   }
 }
+}
+
+@media screen and (min-width: 0px) and (max-width: 750px) {
+.content-box{
+  width: 100%;
+  margin: 40px auto 0;
+  padding: 0 10px;
+  .title{
+    font-size: 18px;
+    font-weight: bold;
+    color: #333333;
+    margin-bottom: 20px;
+  }
+  .v-content{
+    margin: auto;
+    // .el-col-5{
+    //   width: 33.%;
+    // }
+    .content{
+      // height: 310px;
+      background: #F4F8FF;
+      // border-radius: 20px;
+      border-radius: 5px 21px 21px 5px;
+      padding:0 10px 10px;
+      margin-bottom: 20px;
+      cursor: pointer;
+      &:hover{
+        box-shadow: 0px 0px 18px 0px rgba(0,72,255,0.58);
+      }
+      .profile-img{
+        width: 100%;
+      }
+      .text{
+        font-size: 14px;
+        line-height: 20px;
+        word-wrap: break-word;
+        margin-top: 4px;
+        display: -webkit-box;
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: 2;
+        overflow: hidden;
+      }
+    }
+  }
+  .v-one{
+    margin-bottom: 20px;
+    .content{
+      padding: 20px 10px;
+    }
+  }
+}
+// 弹框
+.pop-up{
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.5);
+  z-index: 99999;
+  .pop_content{
+    width:90%;
+    background: #fff;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    padding: 10px;
+    .pop_img{
+      box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.3);
+      // margin-top: 20px;
+      border-radius: 20px;
+      position: relative;
+      .hea_icon{
+        position: absolute;
+        top: 10px;
+        right: 10px;
+        color: #035AA8;
+        font-size: 20px;
+        font-weight: 600;
+        cursor: pointer;
+      }
+      .image{
+        display: block;
+        width: 100%
+      }
+    }
+  }
+}
+}
 </style>