wei

src/view/antibody/index.vue

@@ -96,6 +96,9 @@ export default {
       .article /deep/{
         width: 1200px;
         margin: 30px auto 90px;
+        .cell{
+          color: #000;
+        }
         .el-table__row td{
             background-color: #fff !important;
         }

src/view/antibodyDetail/index.vue

@@ -171,6 +171,85 @@
                     </div>
                 </div>
             </div>
+
+            <div class="antibodyDetail_box">
+                <p class="Detail_boxTitle">Marketing</p>
+                <div class="Background_box" style="height: 200px;">
+                </div>
+            </div>
+
+            <div class="antibodyDetail_box">
+                <p class="Detail_boxTitle">History</p>
+                <div class="history_box">
+                    <div class="history_content">
+                        <p class="drop">・</p>
+                        <p>Adalimumab was the first fully human monoclonal antibody approved by the US Foodand Drug Administration (FDA). The drug candidate was discovered initially using CAT'sphage display technology and named D2E7.</p>
+                    </div>
+                    <div class="history_content">
+                        <p class="drop">・</p>
+                        <p>Adalimumab was the first fully human monoclonal antibody approved by the US Foodand Drug Administration (FDA). The drug candidate was discovered initially using CAT'sphage display technology and named D2E7.</p>
+                    </div>
+                    <div class="history_content">
+                        <p class="drop">・</p>
+                        <p>Adalimumab was the first fully human monoclonal antibody approved by the US Foodand Drug Administration (FDA). The drug candidate was discovered initially using CAT'sphage display technology and named D2E7.</p>
+                    </div>
+                    <div class="history_content">
+                        <p class="drop">・</p>
+                        <p>Adalimumab was the first fully human monoclonal antibody approved by the US Foodand Drug Administration (FDA). The drug candidate was discovered initially using CAT'sphage display technology and named D2E7.</p>
+                    </div>
+                    <div class="history_content">
+                        <p class="drop">・</p>
+                        <p>Adalimumab was the first fully human monoclonal antibody approved by the US Foodand Drug Administration (FDA). The drug candidate was discovered initially using CAT'sphage display technology and named D2E7.</p>
+                    </div>
+                </div>
+            </div>
+
+            <div class="antibodyDetail_box">
+                <p class="Detail_boxTitle">Frontier Literature</p>
+                <div class="history_box">
+                    <div class="history_content">
+                        <p class="drop">・</p>
+                        <p>Adalimumab was the first fully human monoclonal antibody approved by the US Foodand Drug Administration (FDA). The drug candidate was discovered initially using CAT'sphage display technology and named D2E7.</p>
+                    </div>
+                    <div class="history_content">
+                        <p class="drop">・</p>
+                        <p>Adalimumab was the first fully human monoclonal antibody approved by the US Foodand Drug Administration (FDA). The drug candidate was discovered initially using CAT'sphage display technology and named D2E7.</p>
+                    </div>
+                    <div class="history_content">
+                        <p class="drop">・</p>
+                        <p>Adalimumab was the first fully human monoclonal antibody approved by the US Foodand Drug Administration (FDA). The drug candidate was discovered initially using CAT'sphage display technology and named D2E7.</p>
+                    </div>
+                    <div class="history_content">
+                        <p class="drop">・</p>
+                        <p>Adalimumab was the first fully human monoclonal antibody approved by the US Foodand Drug Administration (FDA). The drug candidate was discovered initially using CAT'sphage display technology and named D2E7.</p>
+                    </div>
+                    <div class="history_content">
+                        <p class="drop">・</p>
+                        <p>Adalimumab was the first fully human monoclonal antibody approved by the US Foodand Drug Administration (FDA). The drug candidate was discovered initially using CAT'sphage display technology and named D2E7.</p>
+                    </div>
+                </div>
+            </div>
+
+            <div class="antibodyDetail_box">
+                <p class="Detail_boxTitle">Data Source</p>
+                <div class="source_box">
+                    <p>[1] https://go.drugbank.com/drugs/DB00051</p>
+                    <p>[1] https://go.drugbank.com/drugs/DB00051</p>
+                    <p>[1] https://go.drugbank.com/drugs/DB00051</p>
+                    <p>[1] https://go.drugbank.com/drugs/DB00051</p>
+                    <p>[1] https://go.drugbank.com/drugs/DB00051</p>
+                </div>
+            </div>
+            <div class="antibodyDetail_box">
+                <p class="Detail_boxTitle">Patent</p>
+                <div class="source_box">
+                    <p>[1] https://go.drugbank.com/drugs/DB00051</p>
+                    <p>[1] https://go.drugbank.com/drugs/DB00051</p>
+                    <p>[1] https://go.drugbank.com/drugs/DB00051</p>
+                    <p>[1] https://go.drugbank.com/drugs/DB00051</p>
+                    <p>[1] https://go.drugbank.com/drugs/DB00051</p>
+                </div>
+            </div>
         </div>
     </div>
   </template>
@@ -330,6 +409,27 @@ export default {
                     }
                 }
             }
+            .history_box{
+                border: 2px solid #0259AE;
+                padding: 5px 10px;
+                box-sizing: border-box;
+                font-size: 14px;
+                line-height: 18px;
+                margin: 5px 0 20px;
+                .history_content{
+                    display: flex;
+                    margin-bottom: 15px;
+                }
+            }
+            .source_box{
+                border: 2px solid #0259AE;
+                padding: 5px 10px;
+                box-sizing: border-box;
+                font-size: 14px;
+                line-height: 22px;
+                margin: 5px 0 20px;
+                color: #0259AE;
+            }
         }
       }
     }

src/view/article/index.vue

@@ -106,6 +106,9 @@ export default {
       .article /deep/{
         width: 1200px;
         margin: 30px auto 90px;
+        .cell{
+          color: #000;
+        }
         .el-table__row td{
             background-color: #fff !important;
         }