From 6b0a6caf4cc32977762542a3eeb083175ad9c33d Mon Sep 17 00:00:00 2001
From: lucky <srf428110@163.com>
Date: Fri, 15 Jan 2021 10:07:31 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BA=95=E9=83=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Introduce/FicHatch.vue | 31 +++++++++++++++------------
 1 file changed, 17 insertions(+), 14 deletions(-)

diff --git a/src/components/Introduce/FicHatch.vue b/src/components/Introduce/FicHatch.vue
index 2d4da3c..349061f 100644
--- a/src/components/Introduce/FicHatch.vue
+++ b/src/components/Introduce/FicHatch.vue
@@ -32,29 +32,32 @@
           科技信息咨询服务中心、科创战略协同研究中心、山西奥依工业设计咨询服务中心
         </p>
       </div>
-      <a-button type="primary" class="btn">我要发榜</a-button>
+      <a-button class="btn" type="primary">我要发榜</a-button>
     </div>
     <div>
       <p class="words-title">
         <span>入驻企业名录</span>
       </p>
       <div class="d-flex flex-wrap" style="padding: 0 25px 80px 25px; position: relative">
-        <div v-for="(item, index) in lists" :key="index" class="ent-box" :class="(index + 1) % 4 === 0 ? 'mr0' : ''">
-          <div class="ent-img-box" :style="{ background: colorList[index] }">
+        <div
+          :class="(index + 1) % 4 === 0 ? 'mr0' : ''"
+          :key="index"
+          class="ent-box"
+          v-for="(item, index) in lists"
+        >
+          <div :style="{ background: colorList[index] }" class="ent-img-box">
             <img :src="item.logoUrl" class="ent-img" />
           </div>
           <p class="ent-title">
-            <span style="border-bottom: 2px solid #007cc1; padding-bottom: 4px">{{ item.name }} </span>
-          </p>
-          <p class="ent-des">
-            {{ item.description }}
+            <span style="border-bottom: 2px solid #007cc1; padding-bottom: 4px">{{ item.name }}</span>
           </p>
+          <p class="ent-des">{{ item.description }}</p>
           <p class="ent-man">
-            <span class="ent-lf"> 联系人：{{ item.man }} </span>
-            <span class="ent-rh"> 联系电话：{{ item.tel }} </span>
+            <span class="ent-lf">联系人：{{ item.man }}</span>
+            <span class="ent-rh">联系电话：{{ item.tel }}</span>
           </p>
         </div>
-        <a-button type="primary" class="btn" style="bottom: 20px">入驻企业注册</a-button>
+        <a-button class="btn" style="bottom: 20px" type="primary">入驻企业注册</a-button>
       </div>
     </div>
   </div>
@@ -133,8 +136,8 @@ export default {
 }
 
 .ent-box {
-  width: 20.5%;
-  margin-right: 6%;
+  width: 22%;
+  margin-right: 4%;
   min-height: 300px;
   box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
 }
@@ -160,7 +163,7 @@ export default {
 }
 
 .ent-des {
-  padding: 0 4px;
+  padding: 0 8px;
   font-size: 15px;
   color: rgba(0, 0, 0, 0.65);
   display: -webkit-box;
@@ -173,7 +176,7 @@ export default {
   overflow: hidden;
   color: rgba(0, 0, 0, 0.45);
   font-size: 12px;
-  padding: 0 4px;
+  padding: 0 8px;
 }
 
 .ent-lf {