认证列表页：不用了限制高度、链接问题

nuxt.config.js

@@ -10,6 +10,10 @@ module.exports = {
     vendor: ['axios', 'element-ui']
   },
 
+  server: {
+
+  },
+
   /*
   ** Headers of the page
   */
@@ -53,6 +57,7 @@ module.exports = {
   */
   axios: {
     // See https://github.com/nuxt-community/axios-module#options
+    proxy: true
   },
   /**
    * Proxy

pages/index/cert/index.vue

@@ -4,7 +4,7 @@
     <ul class="cers">
       <li class="cer" v-for="item of list" :key="item.id">
         <section class="cer-box">
-          <img :src="item.img" alt="no-img" class="cer-img">
+          <img :src="item.img" alt="no-img" class="cer-img" @click="clickLancer(item)">
           <section class="cer-info">
             <h2 class="cer-title" @click="clickLancer(item)">{{item.name}}认证</h2>
             <div class="cer-remind">{{item.introduction}}</div>
@@ -74,7 +74,7 @@ export default {
 <style scoped>
 .cert-index {
   width: 1000px;
-  height: 591px;
+  min-height: 591px;
   background: white;
   border-radius: 4px;
   margin: 20px 0 0;
@@ -91,7 +91,6 @@ h1 {
 }
 .cers {
   padding: 20px 0 0;
-  height: calc(100% - 75px);
   overflow-y: scroll;
 }
 .cer-box {
@@ -104,6 +103,7 @@ h1 {
   margin-right: 6px;
   box-sizing: border-box;
   padding: 20px;
+  cursor: pointer;
 }
 .cer-info {
   display: flex;
@@ -118,6 +118,9 @@ h1 {
   margin-top: 20px;
   cursor: pointer;
 }
+.cer-title:hover {
+  color: blue;
+}
 .cer-remind {
   width: 680px;
   overflow: hidden;