|
|
|
@ -28,32 +28,37 @@ |
|
|
|
|
</ul> |
|
|
|
|
|
|
|
|
|
<div class="block history"> |
|
|
|
|
<div class="inner c-wrap"> |
|
|
|
|
<h2 class="wow fadeInLeft">发展历程</h2> |
|
|
|
|
<p class="en">DEVELOPMENT HISTORY</p> |
|
|
|
|
|
|
|
|
|
<div v-if="modules[1].list.length" class="event"> |
|
|
|
|
<ul class="time"> |
|
|
|
|
<template v-for="(item, i) in modules[1].list"> |
|
|
|
|
<li v-if="item.isEnable" :key="i" :class="{active: curYear == i}">{{ item.title }}</li> |
|
|
|
|
</template> |
|
|
|
|
</ul> |
|
|
|
|
<div class="right"> |
|
|
|
|
<h6 class="year">{{ modules[1].list[curYear].title }}</h6> |
|
|
|
|
<ul class="list"> |
|
|
|
|
<template v-for="(e, j) in modules[1].list[curYear].list"> |
|
|
|
|
<li v-if="e.isEnable" :key="j"> |
|
|
|
|
<div class="texts"> |
|
|
|
|
<p class="date">{{ e.title }}</p> |
|
|
|
|
<p class="text">{{ e.des }}</p> |
|
|
|
|
</div> |
|
|
|
|
<img v-if="e.pic" :src="e.pic" alt="" class="pic"> |
|
|
|
|
</li> |
|
|
|
|
<div class="inner"> |
|
|
|
|
<div class="c-wrap"> |
|
|
|
|
<h2 class="wow fadeInLeft">{{ modules[1].form.title }}</h2> |
|
|
|
|
<p class="en">{{ modules[1].form.des }}</p> |
|
|
|
|
<div class="cover" @click="toSet(1)">点击更换标题与描述</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div class="c-wrap"> |
|
|
|
|
<div v-if="modules[2].list.length" class="event"> |
|
|
|
|
<ul class="time"> |
|
|
|
|
<template v-for="(item, i) in modules[2].list"> |
|
|
|
|
<li v-if="item.isEnable" :key="i" :class="{active: curYear == i}">{{ item.title }}</li> |
|
|
|
|
</template> |
|
|
|
|
</ul> |
|
|
|
|
<div class="right"> |
|
|
|
|
<h6 class="year">{{ modules[2].list[curYear].title }}</h6> |
|
|
|
|
<ul class="list"> |
|
|
|
|
<template v-for="(e, j) in modules[2].list[curYear].list"> |
|
|
|
|
<li v-if="e.isEnable" :key="j"> |
|
|
|
|
<div class="texts"> |
|
|
|
|
<p class="date">{{ e.title }}</p> |
|
|
|
|
<p class="text">{{ e.des }}</p> |
|
|
|
|
</div> |
|
|
|
|
<img v-if="e.pic" :src="e.pic" alt="" class="pic"> |
|
|
|
|
</li> |
|
|
|
|
</template> |
|
|
|
|
</ul> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="cover" style="min-height: 300px;" @click="toSet(2)">点击配置历程</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="cover" style="min-height: 300px;" @click="toSet(1)">点击配置历程</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|