修改 产品列表显示

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,28 +1,30 @@
 <template>
   <div class="main">
     <div class="container">
-      <b-table
+      <b-card title="产品列表" tag="article">
-        sticky-header
+        <b-table
-        striped
+          sticky-header
-        bordered
+          striped
-        hover
+          bordered
-        :items="items"
+          hover
-        :fields="fields"
+          :items="items"
-        style="min-height:100vh;"
+          :fields="fields"
-        outlined
+          style="min-height:calc(100vh - 510px);"
-      >
+          outlined
-        <template #cell(href)="data">
+        >
-          <i
+          <template #cell(href)="data">
-            v-clipboard:copy="data.item.href"
+            <i
-            v-clipboard:success="onCopy"
+              v-clipboard:copy="data.item.href"
-            v-clipboard:error="onError"
+              v-clipboard:success="onCopy"
-            class="el-icon-document-copy"
+              v-clipboard:error="onError"
-          />
+              class="el-icon-document-copy"
-          <a target="_blank" :href="data.item.href">
+            />
-            {{ data.item.href }}
+            <a target="_blank" :href="data.item.href">
-          </a>
+              {{ data.item.href }}
-        </template>
+            </a>
-      </b-table>
+          </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>