yujialong 5 months ago
parent bf541588f6
commit 12890811ea
  1. 7
      src/pages/article/index.vue
  2. 11
      src/pages/column/index.vue
  3. 31
      src/pages/iasf/index.vue

@ -1,5 +1,6 @@
<template> <template>
<div v-show="loaded" class="wrap"> <div class="wrap">
<div v-show="loaded">
<!-- 人物详情不展示banner --> <!-- 人物详情不展示banner -->
<div v-if="form.articleTemplate !== 23 && !isPeople" class="banner" <div v-if="form.articleTemplate !== 23 && !isPeople" class="banner"
:style="{ backgroundImage: form.bannerImg ? ('url(' + form.bannerImg + ')') : '' }"> :style="{ backgroundImage: form.bannerImg ? ('url(' + form.bannerImg + ')') : '' }">
@ -14,7 +15,8 @@
<div class="meta">{{ form.source && form.source + ' | ' }} {{ form.author && form.author + ' | ' }} {{ <div class="meta">{{ form.source && form.source + ' | ' }} {{ form.author && form.author + ' | ' }} {{
form.releaseTime }}</div> form.releaseTime }}</div>
<div class="meta">{{ form.edit && $t('column.edit') + ':' + form.edit }} {{ form.audit && ' | ' + <div class="meta">{{ form.edit && $t('column.edit') + ':' + form.edit }} {{ form.audit && ' | ' +
$t('column.auditor') + ':' + form.audit }} {{ form.label && ' | ' + $t('column.label') + ':' + form.label $t('column.auditor') + ':' + form.audit }} {{ form.label && ' | ' + $t('column.label') + ':' +
form.label
}}</div> }}</div>
</template> </template>
<p v-if="form.summary" class="brief">{{ form.summary }}</p> <p v-if="form.summary" class="brief">{{ form.summary }}</p>
@ -33,6 +35,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</template> </template>
<script> <script>

@ -1,6 +1,6 @@
<template> <template>
<div v-show="loaded" v-loading="loading" <div :class="['wrap', { activity: info.listStyleId === 15, party: info.listStyleId === 68 }]">
:class="['wrap', { activity: info.listStyleId === 15, party: info.listStyleId === 68 }]"> <div v-show="loaded" v-loading="loading">
<div class="banner fadeInUp"> <div class="banner fadeInUp">
<img width="100%" height="280" :src="info.columnBanner" alt="" /> <img width="100%" height="280" :src="info.columnBanner" alt="" />
<div class="texts"> <div class="texts">
@ -25,7 +25,8 @@
<div class="item"> <div class="item">
<span class="label">{{ $t('column.label') }}</span> <span class="label">{{ $t('column.label') }}</span>
<el-select ref="search" v-model="lableId" multiple @change="filter"> <el-select ref="search" v-model="lableId" multiple @change="filter">
<el-option v-for="item in labels" :key="item.id" :label="item.labelName" :value="item.id"> </el-option> <el-option v-for="item in labels" :key="item.id" :label="item.labelName" :value="item.id">
</el-option>
</el-select> </el-select>
</div> </div>
<div class="search"> <div class="search">
@ -50,7 +51,8 @@
<div class="item"> <div class="item">
<span class="label">{{ $t('column.label') }}</span> <span class="label">{{ $t('column.label') }}</span>
<el-select ref="search" v-model="lableId" multiple @change="filter"> <el-select ref="search" v-model="lableId" multiple @change="filter">
<el-option v-for="item in labels" :key="item.id" :label="item.labelName" :value="item.id"> </el-option> <el-option v-for="item in labels" :key="item.id" :label="item.labelName" :value="item.id">
</el-option>
</el-select> </el-select>
</div> </div>
<div class="search"> <div class="search">
@ -336,6 +338,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</template> </template>
<script> <script>

@ -1,6 +1,6 @@
<template> <template>
<div class="wrap"> <div class="wrap">
<!-- :interval="6000" --> <template v-if="modules.length">
<el-carousel :class="['carousel']" id="part1" :interval="6000" <el-carousel :class="['carousel']" id="part1" :interval="6000"
:arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'" :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'"> :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
@ -21,7 +21,8 @@
<h2 class="b-title">{{ modules[1].form.title }}</h2> <h2 class="b-title">{{ modules[1].form.title }}</h2>
<p class="intro" data-wow-delay="0.5s">{{ modules[1].form.des }}</p> <p class="intro" data-wow-delay="0.5s">{{ modules[1].form.des }}</p>
<ul class="card"> <ul class="card">
<li :class="{ 'cursor-pointer': isLink(modules[2].form.link.linkName) }" @click="openLink(modules[2].form)"> <li :class="{ 'cursor-pointer': isLink(modules[2].form.link.linkName) }"
@click="openLink(modules[2].form)">
<img class="pic" :src="modules[2].form.pic" alt=""> <img class="pic" :src="modules[2].form.pic" alt="">
<div class="project">SILF</div> <div class="project">SILF</div>
<div class="texts"> <div class="texts">
@ -30,7 +31,8 @@
<p class="des">{{ modules[2].form.des }}</p> <p class="des">{{ modules[2].form.des }}</p>
</div> </div>
</li> </li>
<li :class="{ 'cursor-pointer': isLink(modules[3].form.link.linkName) }" @click="openLink(modules[3].form)"> <li :class="{ 'cursor-pointer': isLink(modules[3].form.link.linkName) }"
@click="openLink(modules[3].form)">
<img class="pic" :src="modules[3].form.pic" alt=""> <img class="pic" :src="modules[3].form.pic" alt="">
<div class="project">S³FEL</div> <div class="project">S³FEL</div>
<div class="texts"> <div class="texts">
@ -76,7 +78,8 @@
<div class="texts"> <div class="texts">
<h6>{{ item.title }}</h6> <h6>{{ item.title }}</h6>
<div class="des" v-html="item.mainBody"></div> <div class="des" v-html="item.mainBody"></div>
<p class="meta">{{ item.releaseTime }} {{ item.classificationName && ' | ' + item.classificationName <p class="meta">{{ item.releaseTime }} {{ item.classificationName && ' | ' +
item.classificationName
}}</p> }}</p>
</div> </div>
</li> </li>
@ -185,8 +188,8 @@
<h6>{{ modules[12].form.title }}</h6> <h6>{{ modules[12].form.title }}</h6>
<p class="sub-title">{{ modules[12].form.subTitle }}</p> <p class="sub-title">{{ modules[12].form.subTitle }}</p>
<div class="text" v-html="modules[12].form.des"></div> <div class="text" v-html="modules[12].form.des"></div>
<el-button v-if="isLink(modules[12].form.link.linkName)" style="background-color: #026BE1;" type="primary" <el-button v-if="isLink(modules[12].form.link.linkName)" style="background-color: #026BE1;"
round @click="openLink(modules[12].form)">诚邀海内外人才加入我们 ></el-button> type="primary" round @click="openLink(modules[12].form)">诚邀海内外人才加入我们 ></el-button>
</div> </div>
<img :src="modules[12].form.pic" alt="" class="pic"> <img :src="modules[12].form.pic" alt="" class="pic">
</div> </div>
@ -210,23 +213,28 @@
<div class="block" style="margin-top: 100px"> <div class="block" style="margin-top: 100px">
<div class="inner"> <div class="inner">
<ul class="entry"> <ul class="entry">
<li :class="{ 'cursor-pointer': isLink(modules[14].form.link.linkName) }" @click="openLink(modules[14].form)"> <li :class="{ 'cursor-pointer': isLink(modules[14].form.link.linkName) }"
@click="openLink(modules[14].form)">
<img class="icon" :src="modules[14].form.pic" alt=""> <img class="icon" :src="modules[14].form.pic" alt="">
<p class="text">{{ modules[14].form.title }}</p> <p class="text">{{ modules[14].form.title }}</p>
</li> </li>
<li :class="{ 'cursor-pointer': isLink(modules[15].form.link.linkName) }" @click="openLink(modules[15].form)"> <li :class="{ 'cursor-pointer': isLink(modules[15].form.link.linkName) }"
@click="openLink(modules[15].form)">
<img class="icon" :src="modules[15].form.pic" alt=""> <img class="icon" :src="modules[15].form.pic" alt="">
<p class="text">{{ modules[15].form.title }}</p> <p class="text">{{ modules[15].form.title }}</p>
</li> </li>
<li :class="{ 'cursor-pointer': isLink(modules[16].form.link.linkName) }" @click="openLink(modules[16].form)"> <li :class="{ 'cursor-pointer': isLink(modules[16].form.link.linkName) }"
@click="openLink(modules[16].form)">
<img class="icon" :src="modules[16].form.pic" alt=""> <img class="icon" :src="modules[16].form.pic" alt="">
<p class="text">{{ modules[16].form.title }}</p> <p class="text">{{ modules[16].form.title }}</p>
</li> </li>
<li :class="{ 'cursor-pointer': isLink(modules[17].form.link.linkName) }" @click="openLink(modules[17].form)"> <li :class="{ 'cursor-pointer': isLink(modules[17].form.link.linkName) }"
@click="openLink(modules[17].form)">
<img class="icon" :src="modules[17].form.pic" alt=""> <img class="icon" :src="modules[17].form.pic" alt="">
<p class="text">{{ modules[17].form.title }}</p> <p class="text">{{ modules[17].form.title }}</p>
</li> </li>
<li :class="{ 'cursor-pointer': isLink(modules[18].form.link.linkName) }" @click="openLink(modules[18].form)"> <li :class="{ 'cursor-pointer': isLink(modules[18].form.link.linkName) }"
@click="openLink(modules[18].form)">
<img class="icon" :src="modules[18].form.pic" alt=""> <img class="icon" :src="modules[18].form.pic" alt="">
<p class="text">{{ modules[18].form.title }}</p> <p class="text">{{ modules[18].form.title }}</p>
</li> </li>
@ -240,6 +248,7 @@
<li v-if="item.isEnable" :key="i" @click="toLink(item, i)">{{ item.title }}</li> <li v-if="item.isEnable" :key="i" @click="toLink(item, i)">{{ item.title }}</li>
</template> </template>
</ul> </ul>
</template>
</div> </div>
</template> </template>

Loading…
Cancel
Save