<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/{ width: 1200px; margin: 30px auto 90px; .el-table__row td{ background-color: #fff !important; } .el-table__row--striped td{ background-color: #F0FAFE !important; } } } } </style>