|
|
@ -250,7 +250,8 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<img :src="modules[12].form.pic" |
|
|
|
<img :src="modules[12].form.pic" |
|
|
|
alt="" |
|
|
|
alt="" |
|
|
|
class="pic"> |
|
|
|
class="pic wow fadeInRight" |
|
|
|
|
|
|
|
data-wow-delay="0.5s"> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@ -275,14 +276,11 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<ul class="tools"> |
|
|
|
<ul class="tools"> |
|
|
|
<li v-for="(item, i) in modules[19].list" |
|
|
|
<template v-for="(item, i) in modules[19].list"> |
|
|
|
|
|
|
|
<li v-if="item.isEnable" |
|
|
|
:key="i" |
|
|
|
:key="i" |
|
|
|
@click="toLink(item, i)"> |
|
|
|
@click="toLink(item, i)">{{ item.title }}</li> |
|
|
|
<!-- <img :src="'http://10.10.11.7/images/iasf/icon' + (i < 4 ? i + 1 : 1) + '.png'" |
|
|
|
</template> |
|
|
|
alt="" |
|
|
|
|
|
|
|
class="icon"> --> |
|
|
|
|
|
|
|
{{ item.title }} |
|
|
|
|
|
|
|
</li> |
|
|
|
|
|
|
|
</ul> |
|
|
|
</ul> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</template> |
|
|
@ -373,15 +371,15 @@ export default { |
|
|
|
clearInterval(this.timer) |
|
|
|
clearInterval(this.timer) |
|
|
|
this.timer = setInterval(() => { |
|
|
|
this.timer = setInterval(() => { |
|
|
|
this.curInd1++ |
|
|
|
this.curInd1++ |
|
|
|
if (this.curInd1 > 3) this.curInd1 = 0 |
|
|
|
if (this.curInd1 > this.articles1.length - 1) this.curInd1 = 0 |
|
|
|
if (this.articles1[this.curInd1]) this.curArticle1 = this.articles1[this.curInd1] || {} |
|
|
|
if (this.articles1[this.curInd1]) this.curArticle1 = this.articles1[this.curInd1] || {} |
|
|
|
|
|
|
|
|
|
|
|
this.curInd2++ |
|
|
|
this.curInd2++ |
|
|
|
if (this.curInd2 > 3) this.curInd2 = 0 |
|
|
|
if (this.curInd2 > this.articles2.length - 1) this.curInd2 = 0 |
|
|
|
if (this.articles2[this.curInd2]) this.curArticle2 = this.articles2[this.curInd2] || {} |
|
|
|
if (this.articles2[this.curInd2]) this.curArticle2 = this.articles2[this.curInd2] || {} |
|
|
|
|
|
|
|
|
|
|
|
this.curInd3++ |
|
|
|
this.curInd3++ |
|
|
|
if (this.curInd3 > 3) this.curInd3 = 0 |
|
|
|
if (this.curInd3 > this.articles3.length - 1) this.curInd3 = 0 |
|
|
|
if (this.articles3[this.curInd3]) this.curArticle3 = this.articles3[this.curInd3] || {} |
|
|
|
if (this.articles3[this.curInd3]) this.curArticle3 = this.articles3[this.curInd3] || {} |
|
|
|
}, 5000) |
|
|
|
}, 5000) |
|
|
|
}, |
|
|
|
}, |
|
|
@ -717,27 +715,26 @@ export default { |
|
|
|
.action { |
|
|
|
.action { |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
bottom: 20px; |
|
|
|
bottom: 20px; |
|
|
|
right: 20px; |
|
|
|
left: 50%; |
|
|
|
display: flex; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
align-items: center; |
|
|
|
font-size: 14px; |
|
|
|
font-size: 14px; |
|
|
|
color: rgba(255, 255, 255, 0.65); |
|
|
|
color: rgba(255, 255, 255, 0.65); |
|
|
|
|
|
|
|
transform: translateX(-50%); |
|
|
|
} |
|
|
|
} |
|
|
|
.inds { |
|
|
|
.inds { |
|
|
|
display: inline-flex; |
|
|
|
display: inline-flex; |
|
|
|
margin: 0 5px; |
|
|
|
margin: 0 15px; |
|
|
|
li { |
|
|
|
li { |
|
|
|
width: 10px; |
|
|
|
width: 10px; |
|
|
|
height: 10px; |
|
|
|
height: 10px; |
|
|
|
margin-right: 6px; |
|
|
|
margin-right: 6px; |
|
|
|
background: rgba(255, 255, 255, 0.65); |
|
|
|
background: rgba(255, 255, 255, 1); |
|
|
|
border-radius: 50%; |
|
|
|
border-radius: 50%; |
|
|
|
transition: 0.2s; |
|
|
|
transition: 0.2s; |
|
|
|
cursor: pointer; |
|
|
|
cursor: pointer; |
|
|
|
&.active { |
|
|
|
&.active { |
|
|
|
width: 20px; |
|
|
|
background: #1583ff; |
|
|
|
background: rgba(255, 255, 255, 0.3); |
|
|
|
|
|
|
|
border-radius: 5px; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
&:last-child { |
|
|
|
&:last-child { |
|
|
|
margin-right: 0; |
|
|
|
margin-right: 0; |
|
|
@ -745,6 +742,8 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.dir { |
|
|
|
.dir { |
|
|
|
|
|
|
|
font-size: 1.2rem; |
|
|
|
|
|
|
|
color: #fff; |
|
|
|
line-height: 1; |
|
|
|
line-height: 1; |
|
|
|
cursor: pointer; |
|
|
|
cursor: pointer; |
|
|
|
} |
|
|
|
} |
|
|
|