|
|
|
@ -3,29 +3,29 @@ |
|
|
|
<h-nav /> |
|
|
|
<banner :show-page="showPage" /> |
|
|
|
<div class="flow-path" style="padding: 15px 9%;"> |
|
|
|
<div class="flow-title" style="top: 30%;">服务流程</div> |
|
|
|
<div class="flow-title" style="top: 30%;left:1rem">服务流程</div> |
|
|
|
<div class="flow-content"> |
|
|
|
<img src="~assets/image.png" style="width: 100%" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="inner d-flex flex-wrap" style="margin: 20px auto"> |
|
|
|
<div class="d-flex flex-wrap" style="margin-left:1.2rem"> |
|
|
|
<div |
|
|
|
:class="(index + 1) % 4 === 0 ? 'margin-0' : ''" |
|
|
|
:key="index" |
|
|
|
|
|
|
|
class="item-box mb-8 pointer" |
|
|
|
class="item-box mb-4 pointer" |
|
|
|
v-for="(item, index) in list" |
|
|
|
> |
|
|
|
<img @click="showModal(item.id)" :src="item.picUrl" style="height:5rem; width: 100%; border: 1px solid #ccc" /> |
|
|
|
<p class="font-24 my-4" style="text-align: center"> |
|
|
|
<p class="font-20 my-4" style="text-align: center"> |
|
|
|
<span>{{ item.name }}</span> |
|
|
|
</p> |
|
|
|
<!-- <p |
|
|
|
class="font-16 my-4 textColor line-height-30 item-content" |
|
|
|
v-if="item.intro" |
|
|
|
>{{ item.intro }}</p> --> |
|
|
|
<div v-if="item.intro === null? false: item.intro.length>10" class="font-16 textColor item-intro mb-2"> |
|
|
|
{{ item.intro.slice(0,10) }} |
|
|
|
<div v-if="item.intro === null? false: item.intro.length>15" class="font-16 textColor item-intro mb-2"> |
|
|
|
{{ item.intro.slice(0,15) }} |
|
|
|
<a-button |
|
|
|
@click="showIntro(index)" |
|
|
|
class="font-16 baseColor" |
|
|
|
@ -38,7 +38,7 @@ |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="item.intro === null? false:item.intro.length<=10" class="font-16 textColor item-intro"> |
|
|
|
<div v-if="item.intro === null? false:item.intro.length<=15" class="font-16 textColor item-intro"> |
|
|
|
<p>{{ item.intro }}</p> |
|
|
|
</div> |
|
|
|
<!-- <p |
|
|
|
@ -391,9 +391,6 @@ export default { |
|
|
|
</script> |
|
|
|
|
|
|
|
<style lang="stylus" scoped> |
|
|
|
.inner { |
|
|
|
margin: 10px auto 15px; |
|
|
|
} |
|
|
|
|
|
|
|
.pagination { |
|
|
|
margin: 40px 0; |
|
|
|
@ -402,8 +399,9 @@ export default { |
|
|
|
|
|
|
|
.item-box { |
|
|
|
position: relative; |
|
|
|
width: 20.5%; |
|
|
|
margin-right: 6%; |
|
|
|
width: 41%; |
|
|
|
margin-right: 3%; |
|
|
|
margin-left: 3%; |
|
|
|
border-radius: 4px; |
|
|
|
} |
|
|
|
|
|
|
|
|