|
|
|
|
@ -141,25 +141,39 @@ |
|
|
|
|
<h6 class="i-title animate">{{ modules[7].form.title }}</h6> |
|
|
|
|
<p class="en fadeInUp">{{ modules[7].form.subTitle }}</p> |
|
|
|
|
<p class="title-des animate">{{ modules[7].form.des }}</p> |
|
|
|
|
<div class="client-pic"> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-carousel class="carousel" height="372px" |
|
|
|
|
:interval="6000" |
|
|
|
|
:arrow="(modules[8] && modules[8].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'" |
|
|
|
|
:indicator-position="modules[8].list.filter(e => e.isEnable).length > 1 ? '' : 'none'"> |
|
|
|
|
<template v-for="(item, i) in modules[8].list"> |
|
|
|
|
<el-carousel-item v-if="item.isEnable" :key="i"> |
|
|
|
|
<div class="client-pic" :class="{'cursor-pointer': isLink(item.link.linkName)}" |
|
|
|
|
@click="openLink(item)"> |
|
|
|
|
<img class="bg fadeInLeft" |
|
|
|
|
:src="modules[8].form.pic" |
|
|
|
|
:src="item.pic" |
|
|
|
|
alt=""> |
|
|
|
|
<div class="text fadeInRight"> |
|
|
|
|
<div class="c-title1"> |
|
|
|
|
<img src="https://huorantech.com/images/index/comma1.png" |
|
|
|
|
alt=""> |
|
|
|
|
{{ modules[8].form.title }} |
|
|
|
|
{{ item.title }} |
|
|
|
|
</div> |
|
|
|
|
<div class="text" |
|
|
|
|
v-html="modules[8].form.des"></div> |
|
|
|
|
v-html="item.des"></div> |
|
|
|
|
<div class="c-title2"> |
|
|
|
|
{{ modules[8].form.subTitle }} |
|
|
|
|
{{ item.subTitle }} |
|
|
|
|
<img src="https://huorantech.com/images/index/comma2.png" |
|
|
|
|
alt=""> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</el-carousel-item> |
|
|
|
|
</template> |
|
|
|
|
</el-carousel> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<scroll class="clients" |
|
|
|
|
:data="clients" |
|
|
|
|
:class-option="{limitMoveNum: 2, direction: 2}"> |
|
|
|
|
@ -199,7 +213,7 @@ |
|
|
|
|
<img class="icon" |
|
|
|
|
src="https://huorantech.com/images/about/site.png" |
|
|
|
|
alt=""> |
|
|
|
|
{{ modules[11].form.site }} |
|
|
|
|
{{ modules[11].form.siteName }} |
|
|
|
|
</div> |
|
|
|
|
<div class="line"> |
|
|
|
|
<img class="icon" |
|
|
|
|
|
