index.vue 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  1. <template>
  2. <div class="box">
  3. <banner></banner>
  4. <div class="article">
  5. <template>
  6. <el-table
  7. :data="list"
  8. stripe
  9. style="width: 100%">
  10. <el-table-column prop="name" label="产品货号" />
  11. <el-table-column prop="name" label="抗体名称" />
  12. <el-table-column prop="name" label="靶点" />
  13. <el-table-column prop="name" label="MOA" />
  14. <el-table-column prop="name" label="公司" />
  15. </el-table>
  16. </template>
  17. </div>
  18. </div>
  19. </template>
  20. <script>
  21. import banner from "@/components/banner";
  22. export default {
  23. name: "antibody",
  24. components: {
  25. banner
  26. },
  27. data() {
  28. return {
  29. list: [
  30. {
  31. name: "12",
  32. fileUrl: "/static/img/mRNA1.af470f1.jpg"
  33. }, {
  34. name: "12",
  35. fileUrl: "/static/img/mRNA1.af470f1.jpg"
  36. }, {
  37. name: "12",
  38. fileUrl: "/static/img/mRNA1.af470f1.jpg"
  39. }, {
  40. name: "12",
  41. fileUrl: "/static/img/mRNA1.af470f1.jpg"
  42. }, {
  43. name: "12",
  44. fileUrl: "/static/img/mRNA1.af470f1.jpg"
  45. }, {
  46. name: "12",
  47. fileUrl: "/static/img/mRNA1.af470f1.jpg"
  48. }, {
  49. name: "12",
  50. fileUrl: "/static/img/mRNA1.af470f1.jpg"
  51. }, {
  52. name: "12",
  53. fileUrl: "/static/img/mRNA1.af470f1.jpg"
  54. }, {
  55. name: "12",
  56. fileUrl: "/static/img/mRNA1.af470f1.jpg"
  57. }, {
  58. name: "12",
  59. fileUrl: "/static/img/mRNA1.af470f1.jpg"
  60. }, {
  61. name: "12",
  62. fileUrl: "/static/img/mRNA1.af470f1.jpg"
  63. }, {
  64. name: "12",
  65. fileUrl: "/static/img/mRNA1.af470f1.jpg"
  66. }, {
  67. name: "12",
  68. fileUrl: "/static/img/mRNA1.af470f1.jpg"
  69. }, {
  70. name: "12",
  71. fileUrl: "/static/img/mRNA1.af470f1.jpg"
  72. }, {
  73. name: "12",
  74. fileUrl: "/static/img/mRNA1.af470f1.jpg"
  75. }
  76. ]
  77. };
  78. },
  79. methods: {
  80. },
  81. mounted() {},
  82. created() {
  83. }
  84. };
  85. </script>
  86. <style lang="scss">
  87. .site-header-suggestion-select {
  88. .el-autocomplete-suggestion__wrap {
  89. max-height: 380px;
  90. }
  91. }
  92. </style>
  93. <style lang="scss" scoped>
  94. @media screen and (min-width: 751px) and (max-width: 9999px) {
  95. .box {
  96. .article /deep/{
  97. width: 1200px;
  98. margin: 30px auto 90px;
  99. .el-table__row td{
  100. background-color: #fff !important;
  101. }
  102. .el-table__row--striped td{
  103. background-color: #F0FAFE !important;
  104. }
  105. }
  106. }
  107. }
  108. </style>