Home Explore Help
Register Sign In
crs_20240527
/
crs-double-resistance
5
0
Fork 0

2 Commits a2988c2d64 ... 226ac23e6a

Author SHA1 Message Date
  wei 226ac23e6a Merge branch 'master' of http://101.43.33.174:8080/crs_20240527/crs-double-resistance 3 days ago
  wei 7f6fb05c1e wei 3 days ago
6 changed files with 232 additions and 188 deletions
Split View Show Diff Stats
  1. 21 0
      index.html
  2. 5 0
      package-lock.json
  3. 1 0
      package.json
  4. BIN
      src/assets/img/bannerMove.jpg
  5. 10 131
      src/components/banner/index.vue
  6. 195 57
      src/view/antibodyDetail/index.vue

+ 21 - 0
index.html
View File 

@@ -3,6 +3,27 @@
 
   <head>
 
     <meta charset="utf-8">
 
     <base href="/">
 
+    <% if (process.env.LANG_CODE == 'en') {%>
 
+      <!-- 英文 Global site tag (gtag.js) - Google Analytics -->
 
+      <script async src="https://www.googletagmanager.com/gtag/js?id=G-N9JKFXL8X5"></script>
 
+      <script>
 
+        window.dataLayer = window.dataLayer || [];
 
+        function gtag(){dataLayer.push(arguments);}
 
+        gtag('js', new Date());
 
+        gtag('config', 'G-N9JKFXL8X5');
 
+      </script>
 
+    <% } %>
 
+    
+    <% if (process.env.LANG_CODE == 'cn') {%>
 
+    <!-- 中文 Global site tag (gtag.js) - Google Analytics -->
 
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-B7QCD2DZJT"></script>
 
+    <script>
 
+      window.dataLayer = window.dataLayer || [];
 
+      function gtag(){dataLayer.push(arguments);}
 
+      gtag('js', new Date());
 
+      gtag('config', 'G-B7QCD2DZJT');
 
+    </script>
 
+    <% } %>
 
     <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
 
     <meta http-equiv="Pragma" content="no-cache" />
 
     <meta http-equiv="Expires" content="0" />

+ 5 - 0
package-lock.json
View File 

@@ -389,6 +389,11 @@
 
             "resolved": "https://registry.npmmirror.com/amdefine/-/amdefine-1.0.1.tgz",
 
             "integrity": "sha512-S2Hw0TtNkMJhIabBwIojKL9YHO5T0n5eNqWJ7Lrlel/zDbftQpxpapi8tZs3X1HWa+u+QeydGmzzNU0m09+Rcg=="
 
         },
 
+        "animate.css": {
 
+            "version": "4.1.1",
 
+            "resolved": "https://registry.npmmirror.com/animate.css/-/animate.css-4.1.1.tgz",
 
+            "integrity": "sha512-+mRmCTv6SbCmtYJCN4faJMNFVNN5EuCTTprDTAo7YzIGji2KADmakjVA3+8mVDkZ2Bf09vayB35lSQIex2+QaQ=="
 
+        },
 
         "ansi-escapes": {
 
             "version": "3.2.0",
 
             "resolved": "https://registry.npmmirror.com/ansi-escapes/-/ansi-escapes-3.2.0.tgz",

+ 1 - 0
package.json
View File 

@@ -16,6 +16,7 @@
 
         "preview": "serve -s dist -p 8000"
 
     },
 
     "dependencies": {
 
+        "animate.css": "^4.1.1",
 
         "argv": "0.0.3",
 
         "axios": "^0.18.0",
 
         "bignumber.js": "^9.1.2",

BIN
src/assets/img/bannerMove.jpg
View File


+ 10 - 131
src/components/banner/index.vue
View File 

@@ -2,11 +2,11 @@
 
   <div class="banner_box">
 
     <div class="hoem_box">
 
       <img class="backout_img" src="@/assets/img/bannerLogo.jpg" alt="" srcset="" />
 
+      <img class="backout_img_move" src="@/assets/img/bannerMove.jpg" alt="" srcset="" />
 
       <div class="banner_content">
 
         <!-- <p class="banner_title">双特异性抗体参比品</p> -->
 
         <p class="banner_text">SY-CRS-BsAb</p>
 
       </div>
 
-      <img class="backout_img_move" src="@/assets/img/banner/mRNA1.jpg" alt="" srcset="" />
 
     </div>
 
   </div>
 
 </template>
 
@@ -82,147 +82,26 @@ export default {
 
 
 @media screen and (min-width: 0px) and (max-width: 750px) {
 
   .banner_box {
 
-    overflow: hidden;
 
-    display: flex;
 
-    flex-direction: column;
 
-    // height: 100%;
 
-    .contentbox {
 
-      flex: 1;
 
-    }
 
     .hoem_box {
 
       position: relative;
 
-      // height: 4.5rem;
 
-      .backout_img {
 
-        display: none;
 
-      }
 
-      .backout_img_move{
 
+      .backout_img_move {
 
         width: 100%;
 
-        // height: 4.5rem;
 
       }
 
-      .clout {
 
+      .banner_content{
 
         width: 100%;
 
-        // padding: 0.12rem;
 
         position: absolute;
 
-        // width: auto;
 
-        bottom: 0%;
 
-        left: 50%;
 
-        transform: translate(-50%, 0%);
 
-        text-align: center;
 
-        .title {
 
-          font-size: 0.2rem;
 
-          text-align: center;
 
-          margin-bottom: 0.1rem;
 
-          font-family: Arial;
 
-          font-weight: 600;
 
-          color: #ffffff;
 
-          white-space: nowrap;
 
-        }
 
-        .title_img{
 
-          width: 35%;
 
-          margin-bottom: 0.2rem;
 
-        }
 
-        .title_d {
 
-          display: none;
 
-        }
 
-        .title_d_move{
 
-          font-family: Source Han Sans CN;
 
-          font-weight: bold;
 
-          font-size: 0.2rem;
 
-          color: #FFFFFF;
 
-          line-height: 0.3rem;
 
-          text-align: center;
 
-          margin-bottom: 0.7rem;
 
-        }
 
-        .clout_banner_box{
 
-          width: 100%;
 
-          // height: 260px;
 
-          background: rgba(22, 88, 160, 0.15);
 
-        }
 
-        .clout_box{
 
-          display: flex;
 
-          align-items: center;
 
-          justify-content: space-between;
 
-          flex-wrap: wrap;
 
-          padding: 0.3rem 0.12rem 0;
 
-          .clout_box_content{
 
-            width: 48%;
 
-            margin-bottom: 0.3rem;
 
-            .clout_left_content{
 
-              display: flex;
 
-              align-items: center;
 
-              .clout_box_img{
 
-                width: 0.2rem;
 
-                margin-right: 0.1rem;
 
-              }
 
-              .clout_details{
 
-                text-align: left;
 
-                .clout_box_num{
 
-                  font-family: Source Han Sans CN;
 
-                  font-weight: bold;
 
-                  font-size: .1rem;
 
-                  color: #FFFFFF;
 
-                  line-height: .13rem;
 
-                }
 
-                .clout_box_text{
 
-                  font-family: Source Han Sans CN;
 
-                  font-weight: bold;
 
-                  font-size: .1rem;
 
-                  color: #FFFFFF;
 
-                  line-height: .13rem;
 
-                }
 
-              }
 
-            }
 
-            .clout_line{
 
-              display: none;
 
-            }
 
-          }
 
-        }
 
-        .input /deep/ {
 
+        left: 0.2rem;
 
+        top: 50%;
 
+        transform: translate(0%,-50%);
 
+        color: #fff;
 
+        .banner_text{
 
           width: 100%;
 
-          margin: 0.3rem auto 0;
 
-          .input-with-select {
 
-            height: 0.375rem;
 
-            .el-input__inner {
 
-              height: 0.375rem;
 
-              &:focus {
 
-                border-color: #fff;
 
-              }
 
-            }
 
-            .el-input-group__append {
 
-              width: 0.375rem;
 
-              background-color: #0053a8;
 
-              border: none;
 
-              .el-icon-search {
 
-                color: #fff;
 
-              }
 
-            }
 
-          }
 
+          font-size: 0.28rem;
 
         }
 
       }
 
-    }
 
-    .list {
 
-      width: 100%;
 
-      margin: 0.2rem auto;
 
-      padding: 0 0.12rem;
 
-      .type_f {
 
+      .backout_img{
 
         display: none;
 
       }
 
-      .type_t {
 
-        display: block;
 
-      }
 
-      .list_b {
 
-        .list_img {
 
-          width: 100%;
 
-        }
 
-        .list_title {
 
-          font-size: 0.14rem;
 
-          margin-top: 0.08rem;
 
-          font-family: Arial;
 
-          font-weight: 400;
 
-          text-align: center;
 
-          // color: #005bab;
 
-        }
 
-      }
 
     }
 
   }
 
 }

+ 195 - 57
src/view/antibodyDetail/index.vue
View File 

@@ -95,63 +95,6 @@
 
                 </div>
 
             </div>
 
 
-            <!-- <div class="antibodyDetail_box">
 
-                <p class="Detail_boxTitle">Clinical Trials</p>
 
-                <div class="Clinical_box">
 
-                    <div class="Clinical_top Detail_line">
 
-                        <p class="Background_title line_right">NCT Number</p>
 
-                        <p class="Background_title line_right">Stage</p>
 
-                        <p class="Background_title line_right">Status</p>
 
-                        <p class="Background_title line_right">Company</p>
 
-                        <p class="Background_text">Condition</p>
 
-                    </div>
 
-                    <div class="Clinical_scoll">
 
-                        <div class="Background_content Detail_line">
 
-                            <p class="Background_title line_right">Company</p>
 
-                            <p class="Background_title line_right">Company</p>
 
-                            <p class="Background_title line_right">Company</p>
 
-                            <p class="Background_title line_right">Company</p>
 
-                            <p class="Background_text">Company</p>
 
-                        </div>
 
-                        <div class="Background_content Detail_line">
 
-                            <p class="Background_title line_right">Company</p>
 
-                            <p class="Background_title line_right">Company</p>
 
-                            <p class="Background_title line_right">Company</p>
 
-                            <p class="Background_title line_right">Company</p>
 
-                            <p class="Background_text">Company</p>
 
-                        </div>
 
-                        <div class="Background_content Detail_line">
 
-                            <p class="Background_title line_right">Company</p>
 
-                            <p class="Background_title line_right">Company</p>
 
-                            <p class="Background_title line_right">Company</p>
 
-                            <p class="Background_title line_right">Company</p>
 
-                            <p class="Background_text">Company</p>
 
-                        </div>
 
-                        <div class="Background_content Detail_line">
 
-                            <p class="Background_title line_right">Company</p>
 
-                            <p class="Background_title line_right">Company</p>
 
-                            <p class="Background_title line_right">Company</p>
 
-                            <p class="Background_title line_right">Company</p>
 
-                            <p class="Background_text">Company</p>
 
-                        </div>
 
-                        <div class="Background_content Detail_line">
 
-                            <p class="Background_title line_right">Company</p>
 
-                            <p class="Background_title line_right">Company</p>
 
-                            <p class="Background_title line_right">Company</p>
 
-                            <p class="Background_title line_right">Company</p>
 
-                            <p class="Background_text">Company</p>
 
-                        </div>
 
-                        <div class="Background_content">
 
-                            <p class="Background_title line_right">Company</p>
 
-                            <p class="Background_title line_right">Company</p>
 
-                            <p class="Background_title line_right">Company</p>
 
-                            <p class="Background_title line_right">Company</p>
 
-                            <p class="Background_text">Company</p>
 
-                        </div>
 
-                    </div>
 
-                </div>
 
-            </div> -->
 
-
 
             <div class="antibodyDetail_box">
 
                 <p class="Detail_boxTitle">Toxicity and side effects</p>
 
                 <div class="Background_box">
 
@@ -441,4 +384,199 @@ export default {
 
       }
 
     }
 
   }
 
+  @media screen and (min-width: 0px) and (max-width: 750px) {
 
+    .box {
 
+      .article{
 
+        width: 100%;
 
+        padding: 0.3rem 0.2rem;
 
+        box-sizing: border-box;
 
+        .Detail_line{
 
+            border-bottom: 1px solid #D4E5EF;
 
+        }
 
+        .line_right{
 
+            border-right: 1px solid #D4E5EF;
 
+        }
 
+        .drop{
 
+            color: #0259AE;
 
+            font-size: 0.18rem;
 
+        }
 
+        .antibodyDetail_title{
 
+            font-size: 0.2rem;
 
+            font-weight: 600;
 
+        }
 
+        .antibodyDetail_box{
 
+            margin-top: 0.2rem;
 
+            .Detail_boxTitle{
 
+                font-size: 0.16rem;
 
+                font-weight: 600;
 
+            }
 
+            .Detail_boxContent{
 
+                border: 1px solid #0259AE;
 
+                padding: 0.05rem 0.1rem;
 
+                box-sizing: border-box;
 
+                font-size: 0.14rem;
 
+                line-height: 0.18rem;
 
+                margin: 0.1rem 0 0.2rem;
 
+            }
 
+            .Background_box{
 
+                border: 1px solid #0259AE;
 
+                margin: 0.1rem 0 0.2rem;
 
+                font-size: 0.12rem;
 
+                line-height: 0.18rem;
 
+                .Background_content{
 
+                    display: flex;
 
+                    align-items: center;
 
+                    background: #F0FAFE;
 
+                    .Background_title{
 
+                        width: 35%;
 
+                        padding: 0.1rem;
 
+                        box-sizing: border-box;
 
+                        color: #0259AE;
 
+                    }
 
+                    .Background_text{
 
+                        min-height: 0.62rem;
 
+                        background: #fff;
 
+                        border-left: 1px solid #D4E5EF;
 
+                        padding: 0.1rem;
 
+                        box-sizing: border-box;
 
+                        flex: 1;
 
+                    }
 
+                }
 
+            }
 
+            .Properties_box{
 
+                // display: flex;
 
+                margin-top: 0.1rem;
 
+                .Properties_content{
 
+                    width: 100%;
 
+                    border: 1px solid #0259AE;
 
+                    font-size: 0.12rem;
 
+                    line-height: 0.18rem;
 
+                    display: flex;
 
+                    flex-direction: column;
 
+                    .Background_bottom{
 
+                        display: flex;
 
+                        align-items: center;
 
+                        background: #F0FAFE;
 
+                        flex: 1;
 
+                        .Background_title{
 
+                            width: 42%;
 
+                            padding: 0.1rem;
 
+                            box-sizing: border-box;
 
+                            color: #0259AE;
 
+                        }
 
+                        .Background_text{
 
+                            min-height: 0.36rem;
 
+                            background: #fff;
 
+                            border-left: 1px solid #D4E5EF;
 
+                            padding: 0.1rem;
 
+                            box-sizing: border-box;
 
+                            flex: 1;
 
+                            height: 100%;
 
+                            position: relative;
 
+                        }
 
+                        .Background_img{
 
+                            position: absolute;
 
+                            display: block;
 
+                            min-height: 0.36rem;
 
+                            background: #fff;
 
+                            // border-left: 1px solid #DDDDDD;
 
+                            padding: 0.1rem;
 
+                            box-sizing: border-box;
 
+                            flex: 1;
 
+                            width: 60%;
 
+                            left: 50%;
 
+                            top: 50%;
 
+                            transform: translate(-50%,-50%);
 
+                        }
 
+                    }
 
+                    .Background_content{
 
+                        display: flex;
 
+                        align-items: center;
 
+                        background: #F0FAFE;
 
+                        .Background_title{
 
+                            width: 42%;
 
+                            padding: 0.1rem;
 
+                            box-sizing: border-box;
 
+                            color: #0259AE;
 
+                        }
 
+                        .Background_text{
 
+                            min-height: 0.36rem;
 
+                            background: #fff;
 
+                            border-left: 1px solid #D4E5EF;
 
+                            padding: 0.1rem;
 
+                            box-sizing: border-box;
 
+                            flex: 1;
 
+                        }
 
+                    }
 
+                }
 
+                .Properties_Right{
 
+                    border-top: none !important;
 
+                }
 
+            }
 
+            .Clinical_box{
 
+                border: 1px solid #0259AE;
 
+                margin: 0.05rem 0 0.2rem;
 
+                font-size: 0.14rem;
 
+                line-height: 0.18rem;
 
+                .Clinical_top{
 
+                    display: flex;
 
+                    align-items: center;
 
+                    background: #F0FAFE;
 
+                    color: #0259AE;
 
+                    padding-right: 0.16rem;
 
+                    .Background_title{
 
+                        width: 15%;
 
+                        padding: 0.1rem ;
 
+                        box-sizing: border-box;
 
+                    }
 
+                    .Background_text{
 
+                        width: 40%;
 
+                        padding: 0.1rem ;
 
+                        box-sizing: border-box;
 
+                    }
 
+                }
 
+                .Clinical_scoll{
 
+                    height: 1.5rem;
 
+                    overflow-y: scroll;
 
+                    .Background_content{
 
+                        display: flex;
 
+                        align-items: center;
 
+                        .Background_title{
 
+                            width: 15%;
 
+                            padding: 0.1rem ;
 
+                            box-sizing: border-box;
 
+                        }
 
+                        .Background_text{
 
+                            width: 40%;
 
+                            padding: 0.1rem ;
 
+                            box-sizing: border-box;
 
+                        }
 
+                    }
 
+                }
 
+            }
 
+            .history_box{
 
+                border: 1px solid #0259AE;
 
+                padding: 0.2rem 0.1rem;
 
+                box-sizing: border-box;
 
+                font-size: 0.14rem;
 
+                line-height: 0.18rem;
 
+                margin: 0.1rem 0 0.2rem;
 
+                .history_content{
 
+                    display: flex;
 
+                    margin-bottom: 0.15rem;
 
+                }
 
+            }
 
+            .source_box{
 
+                border: 1px solid #0259AE;
 
+                padding: 0.2rem 0.1rem;
 
+                box-sizing: border-box;
 
+                font-size: 0.14rem;
 
+                line-height: 0.22rem;
 
+                margin: 0.1rem 0 0.2rem;
 
+                color: #0259AE;
 
+            }
 
+        }
 
+      }
 
+    }
 
+  }
 
 </style>