fix

src/pages/Homepage/HotAgency.vue

@@ -10,7 +10,7 @@
         <el-col :span="19">
           <img :src="item.agencyPhoto==null?defaultValue.image:item.agencyPhoto" alt="logo-project" class="pull-left project-logo-img" style="cursor: pointer" @click="goToDetail(item.userId)">
           <div style="margin-left: 55px; cursor: pointer;" @click="goToDetail(item.userId)"  >
-            <div class="list-item-title">
+            <div class="list-item-title single-line-title">
               {{item.evaluationAgencyName}}
             </div>
             <div class="list-item-info">

src/pages/Homepage/HotContest.vue

@@ -87,6 +87,10 @@
         white-space: nowrap; //溢出不换行
       }
 
+      .single-line-title{
+        line-height: 48px;
+      }
+
       .list-item-info {
         font-size: 14px;
         font-family: Adobe Heiti Std;

src/pages/Homepage/HotCrowd.vue

@@ -10,7 +10,7 @@
         <el-col :span="19">
           <img :src="item.image" alt="logo-project" class="pull-left project-logo-img">
           <div style="margin-left: 55px">
-            <div class="list-item-title">
+            <div class="list-item-title single-line-title">
               {{item.name}}
             </div>
             <div class="list-item-info">

src/pages/Homepage/HotUser.vue

@@ -10,7 +10,7 @@
         <el-col :span="19">
           <img :src="item.photoUrl==null?defaultValue.image:item.photoUrl" alt="logo-project" class="pull-left project-logo-img" style="cursor: pointer" @click="goToDetail(item.id)">
           <div style="margin-left: 55px;cursor: pointer;" @click="goToDetail(item.id)">
-            <div class="list-item-title">
+            <div class="list-item-title single-line-title">
               {{item.name}}
             </div>
             <div class="list-item-info">

src/pages/Homepage/TestCard.vue

@@ -1,13 +1,14 @@
 <template>
   <div class="card-waterfull">
-    <el-row :gutter="10">
+    <el-row :gutter="15">
       <waterfall
                         :line-gap="400"
                         :min-line-gap="150"
-                        :max-line-gap="220"
-                        :single-max-width="300"
+                        :max-line-gap="200"
+                        :single-max-width="400"
         :watch="applicationTypeList">
         <!-- each component is wrapped by a waterfall slot -->
+
         <waterfall-slot
           v-for="(item, index) in applicationTypeList"
           width="300"

src/style/main.scss

@@ -81,7 +81,7 @@ a {
 
 @media (min-width: 1200px) {
     .container {
-      width: 70%;
+      width: 80%;
     }
 }
 

src/style/search-nav.less

@@ -1,7 +1,7 @@
 .nav{
   background:rgba(255,255,255,1);
   box-shadow:0px 4px 30px 0px rgba(8,5,6,0.08);
-  padding: 0 15%;
+  padding: 0 10%;
 }
 
 .logo-img{