修改 产品列表显示

src/layout/eFooter/index.vue

@@ -20,9 +20,9 @@ export default {
 
 <style lang="scss" scoped>
 .footer {
+  width: 100%;
   background-color: #f1f1f1;
   position: relative;
-  bottom: 0;
   .container {
     overflow: hidden;
     text-align: left;

src/views/Exhibition/index.vue

@@ -1,6 +1,7 @@
 <template>
   <div class="main">
     <div class="container">
+      <b-card title="产品列表" tag="article">
         <b-table
           sticky-header
           striped
@@ -8,7 +9,7 @@
           hover
           :items="items"
           :fields="fields"
-        style="min-height:100vh;"
+          style="min-height:calc(100vh - 510px);"
           outlined
         >
           <template #cell(href)="data">
@@ -23,6 +24,7 @@
             </a>
           </template>
         </b-table>
+      </b-card>
     </div>
   </div>
 </template>
@@ -98,4 +100,11 @@ export default {
     margin: auto;
   }
 }
+
+/deep/ {
+  th,
+  td {
+    font-size: 1.6em !important;
+  }
+}
 </style>