|
@ -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 { |
|
|