|
|
@ -15,19 +15,19 @@ |
|
|
|
|
|
|
|
|
|
|
|
<div class="block history"> |
|
|
|
<div class="block history"> |
|
|
|
<div class="inner"> |
|
|
|
<div class="inner"> |
|
|
|
<h2 class="wow fadeInLeft">发展历程</h2> |
|
|
|
<h2 class="wow fadeInLeft">{{ modules[1].form.title }}</h2> |
|
|
|
<p class="en">DEVELOPMENT HISTORY</p> |
|
|
|
<p class="en">{{ modules[1].form.des }}</p> |
|
|
|
|
|
|
|
|
|
|
|
<div v-if="modules[1].list.length" class="event"> |
|
|
|
<div v-if="modules[2].list.length" class="event"> |
|
|
|
<ul class="time"> |
|
|
|
<ul class="time"> |
|
|
|
<template v-for="(item, i) in modules[1].list"> |
|
|
|
<template v-for="(item, i) in modules[2].list"> |
|
|
|
<li v-if="item.isEnable" :key="i" :class="{active: curYear == i}" @click="yearClick(i)">{{ item.title }}</li> |
|
|
|
<li v-if="item.isEnable" :key="i" :class="{active: curYear == i}" @click="yearClick(i)">{{ item.title }}</li> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</ul> |
|
|
|
</ul> |
|
|
|
<div class="right"> |
|
|
|
<div class="right"> |
|
|
|
<h6 class="year">{{ modules[1].list[curYear].title }}</h6> |
|
|
|
<h6 class="year">{{ modules[2].list[curYear].title }}</h6> |
|
|
|
<ul class="list"> |
|
|
|
<ul class="list"> |
|
|
|
<template v-for="(e, j) in modules[1].list[curYear].list"> |
|
|
|
<template v-for="(e, j) in modules[2].list[curYear].list"> |
|
|
|
<li v-if="e.isEnable" :key="j" :class="{'cursor-pointer': isLink(e.link.linkName)}" @click="openLink(e)"> |
|
|
|
<li v-if="e.isEnable" :key="j" :class="{'cursor-pointer': isLink(e.link.linkName)}" @click="openLink(e)"> |
|
|
|
<div class="texts"> |
|
|
|
<div class="texts"> |
|
|
|
<p class="date">{{ e.title }}</p> |
|
|
|
<p class="date">{{ e.title }}</p> |
|
|
|