|
|
@ -3,7 +3,7 @@ |
|
|
|
<el-carousel height="480px" :interval="6000" :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'" :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'"> |
|
|
|
<el-carousel height="480px" :interval="6000" :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'" :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'"> |
|
|
|
<template v-for="(item, i) in modules[0].list"> |
|
|
|
<template v-for="(item, i) in modules[0].list"> |
|
|
|
<el-carousel-item v-if="item.pic && item.isEnable" :key="i"> |
|
|
|
<el-carousel-item v-if="item.pic && item.isEnable" :key="i"> |
|
|
|
<div class="banner-item" @click="openLink(item)"> |
|
|
|
<div :class="['banner-item', {'cursor-pointer': item.link.linkName !== '无'}]" @click="openLink(item)"> |
|
|
|
<img :src="item.pic" alt=""> |
|
|
|
<img :src="item.pic" alt=""> |
|
|
|
<p class="banner-name">ABOUT</p> |
|
|
|
<p class="banner-name">ABOUT</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@ -12,7 +12,7 @@ |
|
|
|
</el-carousel> |
|
|
|
</el-carousel> |
|
|
|
|
|
|
|
|
|
|
|
<div class="block history gray"> |
|
|
|
<div class="block history gray"> |
|
|
|
<div class="inner cursor-pointer" @click="openLink(modules[1].form)"> |
|
|
|
<div :class="['inner', {'cursor-pointer': modules[1].form.link.linkName !== '无'}]" @click="openLink(modules[1].form)"> |
|
|
|
<h2 style="margin-left: 57px">{{ modules[1].form.title }}</h2> |
|
|
|
<h2 style="margin-left: 57px">{{ modules[1].form.title }}</h2> |
|
|
|
<div class="texts"> |
|
|
|
<div class="texts"> |
|
|
|
<div class="left"> |
|
|
|
<div class="left"> |
|
|
@ -30,19 +30,19 @@ |
|
|
|
<h2 class="b-title">{{ modules[2].form.title }}</h2> |
|
|
|
<h2 class="b-title">{{ modules[2].form.title }}</h2> |
|
|
|
<p class="intro">{{ modules[2].form.des }}</p> |
|
|
|
<p class="intro">{{ modules[2].form.des }}</p> |
|
|
|
<ul class="card"> |
|
|
|
<ul class="card"> |
|
|
|
<li class="item1" @click="openLink(modules[3].form)"> |
|
|
|
<li :class="['item1', {'cursor-pointer': modules[3].form.link.linkName !== '无'}]" @click="openLink(modules[3].form)"> |
|
|
|
<h6>{{ modules[3].form.title }}</h6> |
|
|
|
<h6>{{ modules[3].form.title }}</h6> |
|
|
|
<div class="des" v-html="modules[3].form.des"></div> |
|
|
|
<div class="des" v-html="modules[3].form.des"></div> |
|
|
|
</li> |
|
|
|
</li> |
|
|
|
<li class="item2" @click="openLink(modules[4].form)"> |
|
|
|
<li :class="['item2', {'cursor-pointer': modules[4].form.link.linkName !== '无'}]" @click="openLink(modules[4].form)"> |
|
|
|
<h6>{{ modules[4].form.title }}</h6> |
|
|
|
<h6>{{ modules[4].form.title }}</h6> |
|
|
|
<div class="des" v-html="modules[4].form.des"></div> |
|
|
|
<div class="des" v-html="modules[4].form.des"></div> |
|
|
|
</li> |
|
|
|
</li> |
|
|
|
<li class="item3" @click="openLink(modules[5].form)"> |
|
|
|
<li :class="['item3', {'cursor-pointer': modules[5].form.link.linkName !== '无'}]" @click="openLink(modules[5].form)"> |
|
|
|
<h6>{{ modules[5].form.title }}</h6> |
|
|
|
<h6>{{ modules[5].form.title }}</h6> |
|
|
|
<div class="des" v-html="modules[5].form.des"></div> |
|
|
|
<div class="des" v-html="modules[5].form.des"></div> |
|
|
|
</li> |
|
|
|
</li> |
|
|
|
<li class="item4" @click="openLink(modules[6].form)"> |
|
|
|
<li :class="['item4', {'cursor-pointer': modules[6].form.link.linkName !== '无'}]" @click="openLink(modules[6].form)"> |
|
|
|
<h6>{{ modules[6].form.title }}</h6> |
|
|
|
<h6>{{ modules[6].form.title }}</h6> |
|
|
|
<div class="des" v-html="modules[6].form.des"></div> |
|
|
|
<div class="des" v-html="modules[6].form.des"></div> |
|
|
|
</li> |
|
|
|
</li> |
|
|
@ -84,7 +84,7 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div class="plan"> |
|
|
|
<div class="plan"> |
|
|
|
<div class="inner cursor-pointer" @click="openLink(modules[14].form)"> |
|
|
|
<div :class="['inner', {'cursor-pointer': modules[14].form.link.linkName !== '无'}]" @click="openLink(modules[14].form)"> |
|
|
|
<img class="pic" :src="modules[14].form.pic" alt=""> |
|
|
|
<img class="pic" :src="modules[14].form.pic" alt=""> |
|
|
|
<div class="texts"> |
|
|
|
<div class="texts"> |
|
|
|
<h6>{{ modules[14].form.title }}</h6> |
|
|
|
<h6>{{ modules[14].form.title }}</h6> |
|
|
@ -106,7 +106,7 @@ |
|
|
|
<p class="sub">{{ item.title }}</p> |
|
|
|
<p class="sub">{{ item.title }}</p> |
|
|
|
<h6>{{ item.subTitle }}</h6> |
|
|
|
<h6>{{ item.subTitle }}</h6> |
|
|
|
<p class="des">{{ item.des }}</p> |
|
|
|
<p class="des">{{ item.des }}</p> |
|
|
|
<img class="arrow" src="@/assets/images/arrow.png" alt="" @click="openLink(item)"> |
|
|
|
<img :class="{'arrow': item.link.linkName !== '无'}" src="@/assets/images/arrow.png" alt="" @click="openLink(item)"> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</li> |
|
|
|
</li> |
|
|
|
</template> |
|
|
|
</template> |
|
|
@ -119,17 +119,17 @@ |
|
|
|
<h2 class="b-title">{{ modules[17].form.title }}</h2> |
|
|
|
<h2 class="b-title">{{ modules[17].form.title }}</h2> |
|
|
|
<p class="intro">{{ modules[17].form.des }}</p> |
|
|
|
<p class="intro">{{ modules[17].form.des }}</p> |
|
|
|
<ul class="list"> |
|
|
|
<ul class="list"> |
|
|
|
<li @click="openLink(modules[18].form)"> |
|
|
|
<li :class="{'cursor-pointer': modules[18].form.link.linkName !== '无'}" @click="openLink(modules[18].form)"> |
|
|
|
<img class="pic" :src="modules[18].form.pic" alt=""> |
|
|
|
<img class="pic" :src="modules[18].form.pic" alt=""> |
|
|
|
<h6>{{ modules[18].form.title }}</h6> |
|
|
|
<h6>{{ modules[18].form.title }}</h6> |
|
|
|
<p class="des">{{ modules[18].form.des }}</p> |
|
|
|
<p class="des">{{ modules[18].form.des }}</p> |
|
|
|
</li> |
|
|
|
</li> |
|
|
|
<li @click="openLink(modules[19].form)"> |
|
|
|
<li :class="{'cursor-pointer': modules[19].form.link.linkName !== '无'}" @click="openLink(modules[19].form)"> |
|
|
|
<img class="pic" :src="modules[19].form.pic" alt=""> |
|
|
|
<img class="pic" :src="modules[19].form.pic" alt=""> |
|
|
|
<h6>{{ modules[19].form.title }}</h6> |
|
|
|
<h6>{{ modules[19].form.title }}</h6> |
|
|
|
<p class="des">{{ modules[19].form.des }}</p> |
|
|
|
<p class="des">{{ modules[19].form.des }}</p> |
|
|
|
</li> |
|
|
|
</li> |
|
|
|
<li @click="openLink(modules[20].form)"> |
|
|
|
<li :class="{'cursor-pointer': modules[20].form.link.linkName !== '无'}" @click="openLink(modules[20].form)"> |
|
|
|
<img class="pic" :src="modules[20].form.pic" alt=""> |
|
|
|
<img class="pic" :src="modules[20].form.pic" alt=""> |
|
|
|
<h6>{{ modules[20].form.title }}</h6> |
|
|
|
<h6>{{ modules[20].form.title }}</h6> |
|
|
|
<p class="des">{{ modules[20].form.des }}</p> |
|
|
|
<p class="des">{{ modules[20].form.des }}</p> |
|
|
@ -142,7 +142,7 @@ |
|
|
|
<div class="inner"> |
|
|
|
<div class="inner"> |
|
|
|
<h2 class="b-title">{{ modules[21].form.title }}</h2> |
|
|
|
<h2 class="b-title">{{ modules[21].form.title }}</h2> |
|
|
|
<p class="intro">{{ modules[21].form.des }}</p> |
|
|
|
<p class="intro">{{ modules[21].form.des }}</p> |
|
|
|
<div class="staff" @click="openLink(modules[22].form)"> |
|
|
|
<div :class="['staff', {'cursor-pointer': modules[22].form.link.linkName !== '无'}]" @click="openLink(modules[22].form)"> |
|
|
|
<div class="left"> |
|
|
|
<div class="left"> |
|
|
|
<h6>{{ modules[22].form.title }}</h6> |
|
|
|
<h6>{{ modules[22].form.title }}</h6> |
|
|
|
<div class="des">{{ modules[22].form.des }}</div> |
|
|
|
<div class="des">{{ modules[22].form.des }}</div> |
|
|
@ -229,7 +229,6 @@ export default { |
|
|
|
padding: 70px 67px 20px; |
|
|
|
padding: 70px 67px 20px; |
|
|
|
margin-bottom: 28px; |
|
|
|
margin-bottom: 28px; |
|
|
|
color: #fff; |
|
|
|
color: #fff; |
|
|
|
cursor: pointer; |
|
|
|
|
|
|
|
&:nth-child(odd) { |
|
|
|
&:nth-child(odd) { |
|
|
|
margin-right: 28px; |
|
|
|
margin-right: 28px; |
|
|
|
} |
|
|
|
} |
|
|
@ -327,7 +326,6 @@ export default { |
|
|
|
margin-right: 28px; |
|
|
|
margin-right: 28px; |
|
|
|
text-align: center; |
|
|
|
text-align: center; |
|
|
|
background-color: #F5F5F5; |
|
|
|
background-color: #F5F5F5; |
|
|
|
cursor: pointer; |
|
|
|
|
|
|
|
&:last-child { |
|
|
|
&:last-child { |
|
|
|
margin-right: 0; |
|
|
|
margin-right: 0; |
|
|
|
} |
|
|
|
} |
|
|
@ -350,7 +348,6 @@ export default { |
|
|
|
display: flex; |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
justify-content: space-between; |
|
|
|
background: #F8F8F8; |
|
|
|
background: #F8F8F8; |
|
|
|
cursor: pointer; |
|
|
|
|
|
|
|
.left { |
|
|
|
.left { |
|
|
|
width: 658px; |
|
|
|
width: 658px; |
|
|
|
margin: 50px 0 0 46px; |
|
|
|
margin: 50px 0 0 46px; |
|
|
|