Browse Source

底部

master
lucky 5 years ago
parent
commit
6b0a6caf4c
  1. 25
      src/components/Introduce/FicHatch.vue

25
src/components/Introduce/FicHatch.vue

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

Loading…
Cancel
Save