src/components/homeHeader.vue

@@ -9,10 +9,10 @@
         <div class="input_box">
 
           <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" text-color="#065BA9" active-text-color="#065BA9" @select="handleSelect">
-            <el-menu-item index="contact">全览图</el-menu-item>
-            <el-menu-item index="contact">相关文章</el-menu-item>
+            <el-menu-item index="overView">全览图</el-menu-item>
+            <el-menu-item index="article">相关文章</el-menu-item>
             <el-menu-item index="product">产品详情</el-menu-item>
-            <el-menu-item index="contact">抗体数据库</el-menu-item>
+            <el-menu-item index="antibody">抗体数据库</el-menu-item>
             <el-menu-item index="profile">资料下载</el-menu-item>
           </el-menu>
 

src/router/routerList.js

@@ -29,25 +29,25 @@ export default [
       fullScreen: false
     }
   }, {
-    path: '/products/:id/:name/:catalog',
-    name: 'productDetail',
-    component: () => import('@/view/product/details'),
+    path: "/products/:id/:name/:catalog",
+    name: "productDetail",
+    component: () => import("@/view/product/details"),
     hidden: true,
     meta: {
-      pageTitle: 'Product Detail',
-      chineseTitle: '产品详情',
-      navActive: 'Product detail', // 匹配路由名字 产品详情
+      pageTitle: "Product Detail",
+      chineseTitle: "产品详情",
+      navActive: "Product detail", // 匹配路由名字 产品详情
       fullScreen: false
     }
   }, {
-    path: '/inquiry',
-    name: 'inquiry',
-    component: () => import('@/view/inquiry/index'),
+    path: "/inquiry",
+    name: "inquiry",
+    component: () => import("@/view/inquiry/index"),
     hidden: true,
     meta: {
-      pageTitle: 'Inquiry',
-      chineseTitle: '询价',
-      navActive: 'inquiry', // 匹配路由名字 询价页
+      pageTitle: "Inquiry",
+      chineseTitle: "询价",
+      navActive: "inquiry", // 匹配路由名字 询价页inquiry
       fullScreen: false
     }
   }, {
@@ -78,7 +78,7 @@ export default [
     hidden: true,
     meta: {
       pageTitle: "overView",
-      chineseTitle: "蛋白计算器",
+      chineseTitle: "全览图",
       navActive: "overView",
       fullScreen: false
     }
@@ -89,7 +89,7 @@ export default [
     hidden: true,
     meta: {
       pageTitle: "article",
-      chineseTitle: "蛋白计算器",
+      chineseTitle: "相关文章",
       navActive: "article",
       fullScreen: false
     }
@@ -104,5 +104,16 @@ export default [
       navActive: "profile",
       fullScreen: false
     }
+  }, {
+    path: "/antibody",
+    name: "antibody",
+    component: () => import("@/view/antibody/index"),
+    hidden: true,
+    meta: {
+      pageTitle: "antibody",
+      chineseTitle: "抗体数据库",
+      navActive: "antibody",
+      fullScreen: false
+    }
   }
 ]

src/view/antibody/index.vue

@@ -0,0 +1,106 @@
+<template>
+    <div class="box">
+        <banner></banner>
+        <div class="article">
+            <template>
+                <el-table
+                    :data="list"
+                    stripe
+                    style="width: 100%">
+                    <el-table-column prop="name" label="产品货号" />
+                    <el-table-column prop="name" label="抗体名称" />
+                    <el-table-column prop="name" label="靶点" />
+                    <el-table-column prop="name" label="MOA" />
+                    <el-table-column prop="name" label="公司" />
+                </el-table>
+            </template>
+        </div>
+    </div>
+  </template>
+<script>
+import banner from "@/components/banner";
+export default {
+  name: "antibody",
+  components: {
+    banner
+  },
+  data() {
+    return {
+      list: [
+        {
+          name: "12",
+          fileUrl: "/static/img/mRNA1.af470f1.jpg"
+        }, {
+          name: "12",
+          fileUrl: "/static/img/mRNA1.af470f1.jpg"
+        }, {
+          name: "12",
+          fileUrl: "/static/img/mRNA1.af470f1.jpg"
+        }, {
+          name: "12",
+          fileUrl: "/static/img/mRNA1.af470f1.jpg"
+        }, {
+          name: "12",
+          fileUrl: "/static/img/mRNA1.af470f1.jpg"
+        }, {
+          name: "12",
+          fileUrl: "/static/img/mRNA1.af470f1.jpg"
+        }, {
+          name: "12",
+          fileUrl: "/static/img/mRNA1.af470f1.jpg"
+        }, {
+          name: "12",
+          fileUrl: "/static/img/mRNA1.af470f1.jpg"
+        }, {
+          name: "12",
+          fileUrl: "/static/img/mRNA1.af470f1.jpg"
+        }, {
+          name: "12",
+          fileUrl: "/static/img/mRNA1.af470f1.jpg"
+        }, {
+          name: "12",
+          fileUrl: "/static/img/mRNA1.af470f1.jpg"
+        }, {
+          name: "12",
+          fileUrl: "/static/img/mRNA1.af470f1.jpg"
+        }, {
+          name: "12",
+          fileUrl: "/static/img/mRNA1.af470f1.jpg"
+        }, {
+          name: "12",
+          fileUrl: "/static/img/mRNA1.af470f1.jpg"
+        }, {
+          name: "12",
+          fileUrl: "/static/img/mRNA1.af470f1.jpg"
+        }
+      ]
+    };
+  },
+  methods: {
+  },
+  mounted() {},
+  created() {
+  }
+};
+</script>
+  <style lang="scss">
+  .site-header-suggestion-select {
+    .el-autocomplete-suggestion__wrap {
+      max-height: 380px;
+    }
+  }
+  </style>
+  <style lang="scss" scoped>
+  @media screen and (min-width: 751px) and (max-width: 9999px) {
+    .box {
+      .article /deep/{
+        .el-table__row td{
+            background-color: #fff !important;
+        }
+        .el-table__row--striped td{
+            background-color: #F0FAFE !important;
+        }
+      }
+    }
+  }
+  </style>