yujialong 2 years ago
parent 629cebb62d
commit 18ff1c99a7
  1. 26
      src/mixins/page/index.js
  2. 27
      src/pages/about/index.vue
  3. 19
      src/pages/application/index.vue
  4. 1
      src/pages/article/index.vue
  5. 16
      src/pages/careers/index.vue
  6. 2
      src/pages/column/index.vue
  7. 9
      src/pages/edu/index.vue
  8. 17
      src/pages/home/index.vue
  9. 15
      src/pages/news/index.vue
  10. 4
      src/pages/newsPress/index.vue
  11. 4
      src/pages/newsProcurement/index.vue
  12. 8
      src/pages/research/index.vue
  13. 4
      src/styles/common.scss
  14. BIN
      src/styles/font/SF-Pro-Display-Bold.otf
  15. BIN
      src/styles/font/SF-Pro-Display-Regular.otf
  16. 6
      src/styles/page/page.scss

@ -3,6 +3,7 @@ import Util from '@/libs/util'
export default { export default {
data() { data() {
return { return {
site: this.$store.state.content.site,
id: this.$route.query.id, id: this.$route.query.id,
preview: this.$route.query.preview, preview: this.$route.query.preview,
modules: [], modules: [],
@ -13,18 +14,37 @@ export default {
this.getInfo() this.getInfo()
}, },
methods: { methods: {
// banner打开链接 // 打开链接
openLink(item) { openLink(item) {
const { link } = item const { link } = item
if (link.linkName === '无') return false
console.log("🚀 ~ file: index.js ~ line 19 ~ openLink ~ link", link)
let href = link.linkAddress let href = link.linkAddress
if (link.connectionType !== 2) { const type = link.connectionType
if (type === 1) {
if (link.articleId) { // 文章
href = '/article?id=' + link.articleId
} else { // 栏目
href = '/column?id=' + link.columnId[link.columnId.length - 1]
}
href = this.$router.resolve(href + '&siteId=' + (this.$route.query.siteId || this.site)).href
} else if (type === 3) {
if (link.otherArticleId) { // 文章
href = '/article?id=' + link.otherArticleId
} else { // 栏目
href = '/column?id=' + link.otherColumnId[link.otherColumnId.length - 1]
}
href = this.$router.resolve(href + '&siteId=' + link.site).href
} }
if (link.isOpen) { if (link.isOpen) {
window.open(href) window.open(href)
} else { } else {
location.href = href location.href = href
} }
},
// 跳转文章页面
toArtice(item) {
this.$router.push(`/article?id=${item.id}&site=${this.$route.query.siteId || this.site}`)
} }
} }
}; };

@ -3,7 +3,7 @@
<el-carousel height="480px" :interval="6000" :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'"> <el-carousel height="480px" :interval="6000" :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'">
<template v-for="(item, i) in modules[0].list"> <template v-for="(item, i) in modules[0].list">
<el-carousel-item v-if="item.pic && item.isEnable" :key="i"> <el-carousel-item v-if="item.pic && item.isEnable" :key="i">
<div class="banner-item" @click="openLink(item)"> <div :class="['banner-item', {'cursor-pointer': item.link.linkName !== '无'}]" @click="openLink(item)">
<img :src="item.pic" alt=""> <img :src="item.pic" alt="">
<p class="banner-name">ABOUT</p> <p class="banner-name">ABOUT</p>
</div> </div>
@ -12,7 +12,7 @@
</el-carousel> </el-carousel>
<div class="block history gray"> <div class="block history gray">
<div class="inner cursor-pointer" @click="openLink(modules[1].form)"> <div :class="['inner', {'cursor-pointer': modules[1].form.link.linkName !== '无'}]" @click="openLink(modules[1].form)">
<h2 style="margin-left: 57px">{{ modules[1].form.title }}</h2> <h2 style="margin-left: 57px">{{ modules[1].form.title }}</h2>
<div class="texts"> <div class="texts">
<div class="left"> <div class="left">
@ -30,19 +30,19 @@
<h2 class="b-title">{{ modules[2].form.title }}</h2> <h2 class="b-title">{{ modules[2].form.title }}</h2>
<p class="intro">{{ modules[2].form.des }}</p> <p class="intro">{{ modules[2].form.des }}</p>
<ul class="card"> <ul class="card">
<li class="item1" @click="openLink(modules[3].form)"> <li :class="['item1', {'cursor-pointer': modules[3].form.link.linkName !== '无'}]" @click="openLink(modules[3].form)">
<h6>{{ modules[3].form.title }}</h6> <h6>{{ modules[3].form.title }}</h6>
<div class="des" v-html="modules[3].form.des"></div> <div class="des" v-html="modules[3].form.des"></div>
</li> </li>
<li class="item2" @click="openLink(modules[4].form)"> <li :class="['item2', {'cursor-pointer': modules[4].form.link.linkName !== '无'}]" @click="openLink(modules[4].form)">
<h6>{{ modules[4].form.title }}</h6> <h6>{{ modules[4].form.title }}</h6>
<div class="des" v-html="modules[4].form.des"></div> <div class="des" v-html="modules[4].form.des"></div>
</li> </li>
<li class="item3" @click="openLink(modules[5].form)"> <li :class="['item3', {'cursor-pointer': modules[5].form.link.linkName !== '无'}]" @click="openLink(modules[5].form)">
<h6>{{ modules[5].form.title }}</h6> <h6>{{ modules[5].form.title }}</h6>
<div class="des" v-html="modules[5].form.des"></div> <div class="des" v-html="modules[5].form.des"></div>
</li> </li>
<li class="item4" @click="openLink(modules[6].form)"> <li :class="['item4', {'cursor-pointer': modules[6].form.link.linkName !== '无'}]" @click="openLink(modules[6].form)">
<h6>{{ modules[6].form.title }}</h6> <h6>{{ modules[6].form.title }}</h6>
<div class="des" v-html="modules[6].form.des"></div> <div class="des" v-html="modules[6].form.des"></div>
</li> </li>
@ -84,7 +84,7 @@
</div> </div>
<div class="plan"> <div class="plan">
<div class="inner cursor-pointer" @click="openLink(modules[14].form)"> <div :class="['inner', {'cursor-pointer': modules[14].form.link.linkName !== '无'}]" @click="openLink(modules[14].form)">
<img class="pic" :src="modules[14].form.pic" alt=""> <img class="pic" :src="modules[14].form.pic" alt="">
<div class="texts"> <div class="texts">
<h6>{{ modules[14].form.title }}</h6> <h6>{{ modules[14].form.title }}</h6>
@ -106,7 +106,7 @@
<p class="sub">{{ item.title }}</p> <p class="sub">{{ item.title }}</p>
<h6>{{ item.subTitle }}</h6> <h6>{{ item.subTitle }}</h6>
<p class="des">{{ item.des }}</p> <p class="des">{{ item.des }}</p>
<img class="arrow" src="@/assets/images/arrow.png" alt="" @click="openLink(item)"> <img :class="{'arrow': item.link.linkName !== '无'}" src="@/assets/images/arrow.png" alt="" @click="openLink(item)">
</div> </div>
</li> </li>
</template> </template>
@ -119,17 +119,17 @@
<h2 class="b-title">{{ modules[17].form.title }}</h2> <h2 class="b-title">{{ modules[17].form.title }}</h2>
<p class="intro">{{ modules[17].form.des }}</p> <p class="intro">{{ modules[17].form.des }}</p>
<ul class="list"> <ul class="list">
<li @click="openLink(modules[18].form)"> <li :class="{'cursor-pointer': modules[18].form.link.linkName !== '无'}" @click="openLink(modules[18].form)">
<img class="pic" :src="modules[18].form.pic" alt=""> <img class="pic" :src="modules[18].form.pic" alt="">
<h6>{{ modules[18].form.title }}</h6> <h6>{{ modules[18].form.title }}</h6>
<p class="des">{{ modules[18].form.des }}</p> <p class="des">{{ modules[18].form.des }}</p>
</li> </li>
<li @click="openLink(modules[19].form)"> <li :class="{'cursor-pointer': modules[19].form.link.linkName !== '无'}" @click="openLink(modules[19].form)">
<img class="pic" :src="modules[19].form.pic" alt=""> <img class="pic" :src="modules[19].form.pic" alt="">
<h6>{{ modules[19].form.title }}</h6> <h6>{{ modules[19].form.title }}</h6>
<p class="des">{{ modules[19].form.des }}</p> <p class="des">{{ modules[19].form.des }}</p>
</li> </li>
<li @click="openLink(modules[20].form)"> <li :class="{'cursor-pointer': modules[20].form.link.linkName !== '无'}" @click="openLink(modules[20].form)">
<img class="pic" :src="modules[20].form.pic" alt=""> <img class="pic" :src="modules[20].form.pic" alt="">
<h6>{{ modules[20].form.title }}</h6> <h6>{{ modules[20].form.title }}</h6>
<p class="des">{{ modules[20].form.des }}</p> <p class="des">{{ modules[20].form.des }}</p>
@ -142,7 +142,7 @@
<div class="inner"> <div class="inner">
<h2 class="b-title">{{ modules[21].form.title }}</h2> <h2 class="b-title">{{ modules[21].form.title }}</h2>
<p class="intro">{{ modules[21].form.des }}</p> <p class="intro">{{ modules[21].form.des }}</p>
<div class="staff" @click="openLink(modules[22].form)"> <div :class="['staff', {'cursor-pointer': modules[22].form.link.linkName !== '无'}]" @click="openLink(modules[22].form)">
<div class="left"> <div class="left">
<h6>{{ modules[22].form.title }}</h6> <h6>{{ modules[22].form.title }}</h6>
<div class="des">{{ modules[22].form.des }}</div> <div class="des">{{ modules[22].form.des }}</div>
@ -229,7 +229,6 @@ export default {
padding: 70px 67px 20px; padding: 70px 67px 20px;
margin-bottom: 28px; margin-bottom: 28px;
color: #fff; color: #fff;
cursor: pointer;
&:nth-child(odd) { &:nth-child(odd) {
margin-right: 28px; margin-right: 28px;
} }
@ -327,7 +326,6 @@ export default {
margin-right: 28px; margin-right: 28px;
text-align: center; text-align: center;
background-color: #F5F5F5; background-color: #F5F5F5;
cursor: pointer;
&:last-child { &:last-child {
margin-right: 0; margin-right: 0;
} }
@ -350,7 +348,6 @@ export default {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
background: #F8F8F8; background: #F8F8F8;
cursor: pointer;
.left { .left {
width: 658px; width: 658px;
margin: 50px 0 0 46px; margin: 50px 0 0 46px;

@ -3,7 +3,7 @@
<el-carousel height="480px" :interval="6000" :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'"> <el-carousel height="480px" :interval="6000" :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'">
<template v-for="(item, i) in modules[0].list"> <template v-for="(item, i) in modules[0].list">
<el-carousel-item v-if="item.pic && item.isEnable" :key="i"> <el-carousel-item v-if="item.pic && item.isEnable" :key="i">
<div class="banner-item" @click="openLink(item)"> <div :class="['banner-item', {'cursor-pointer': item.link.linkName !== '无'}]" @click="openLink(item)">
<img :src="item.pic" alt=""> <img :src="item.pic" alt="">
<p class="banner-name">APPLICATION</p> <p class="banner-name">APPLICATION</p>
</div> </div>
@ -19,7 +19,7 @@
<h2>{{ modules[1].form.subTitle }}</h2> <h2>{{ modules[1].form.subTitle }}</h2>
<div class="line"></div> <div class="line"></div>
<div class="des">{{ modules[1].form.des }}</div> <div class="des">{{ modules[1].form.des }}</div>
<img src="@/assets/images/arrow.png" alt=""> <img :class="{'arrow': modules[1].form.link.linkName !== '无'}" src="@/assets/images/arrow.png" alt="" @click="openLink(modules[1].form)">
</div> </div>
<img class="bg" width="562" height="506" :src="modules[1].form.pic" alt=""> <img class="bg" width="562" height="506" :src="modules[1].form.pic" alt="">
</div> </div>
@ -31,7 +31,7 @@
<h2 class="b-title">{{ modules[2].form.title }}</h2> <h2 class="b-title">{{ modules[2].form.title }}</h2>
<p class="intro">{{ modules[2].form.des }}</p> <p class="intro">{{ modules[2].form.des }}</p>
<ul class="app"> <ul class="app">
<li v-for="(item, i) in modules[3].list" :key="i"> <li v-for="(item, i) in modules[3].list" :key="i" :class="{'cursor-pointer': item.link.linkName !== '无'}" @click="openLink(item)">
<img class="bg" :src="require('@/assets/images/application/app' + (i + 1) + '.png')" alt=""> <img class="bg" :src="require('@/assets/images/application/app' + (i + 1) + '.png')" alt="">
<img class="icon" :src="require('@/assets/images/application/app' + (i + 1) + '-1.png')" alt=""> <img class="icon" :src="require('@/assets/images/application/app' + (i + 1) + '-1.png')" alt="">
<p class="text">{{ item.title }}</p> <p class="text">{{ item.title }}</p>
@ -45,7 +45,7 @@
<h2 class="b-title">{{ modules[4].form.title }}</h2> <h2 class="b-title">{{ modules[4].form.title }}</h2>
<p class="intro">{{ modules[4].form.des }}</p> <p class="intro">{{ modules[4].form.des }}</p>
<ul class="group"> <ul class="group">
<li v-for="(item, i) in modules[5].list" :key="i"> <li v-for="(item, i) in modules[5].list" :key="i" :class="{'cursor-pointer': item.link.linkName !== '无'}" @click="openLink(item)">
<img :src="item.pic" alt=""> <img :src="item.pic" alt="">
<p class="text">{{ item.title }}</p> <p class="text">{{ item.title }}</p>
</li> </li>
@ -58,7 +58,7 @@
<h2 class="b-title">{{ modules[6].form.title }}</h2> <h2 class="b-title">{{ modules[6].form.title }}</h2>
<p class="intro">{{ modules[6].form.des }}</p> <p class="intro">{{ modules[6].form.des }}</p>
<ul class="news"> <ul class="news">
<li v-for="(item, i) in articles" :key="i"> <li v-for="(item, i) in articles" :key="i" @click="toArtice(item)">
<img src="@/assets/images/channel1.png" alt=""> <img src="@/assets/images/channel1.png" alt="">
<div class="texts"> <div class="texts">
<h6>{{ item.columnName }}</h6> <h6>{{ item.columnName }}</h6>
@ -192,12 +192,17 @@ export default {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
li { li {
position: relative;
width: 448px; width: 448px;
margin: 0 28px 39px 0; margin: 0 28px 39px 0;
&:nth-child(3n) { &:nth-child(3n) {
margin-right: 0; margin-right: 0;
} }
} }
img {
width: 100%;
height: 353px;
}
.text { .text {
font-size: 30px; font-size: 30px;
font-family: SFProDisplay-Bold, SFProDisplay; font-family: SFProDisplay-Bold, SFProDisplay;
@ -205,13 +210,14 @@ export default {
line-height: 143px; line-height: 143px;
color: #272727; color: #272727;
text-align: center; text-align: center;
background-color: #F5F5F5; background-color: #fff;
} }
} }
.news-block { .news-block {
background: url(../../assets/images/info-bg.png) 0 0/100% 100% no-repeat; background: url(../../assets/images/info-bg.png) 0 0/100% 100% no-repeat;
} }
.news { .news {
position: relative;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
li { li {
@ -220,6 +226,7 @@ export default {
padding: 34px; padding: 34px;
margin-bottom: 28px; margin-bottom: 28px;
background-color: #fff; background-color: #fff;
cursor: pointer;
&:nth-child(odd) { &:nth-child(odd) {
margin-right: 28px; margin-right: 28px;
} }

@ -9,6 +9,7 @@
<div class="left"> <div class="left">
<h2>{{ form.title }}</h2> <h2>{{ form.title }}</h2>
<div class="meta">{{ form.createTime }} | {{ form.source && form.source + '|' }} {{ form.author && form.author + ' | ' }} {{ form.totalBrowsing }} 浏览</div> <div class="meta">{{ form.createTime }} | {{ form.source && form.source + '|' }} {{ form.author && form.author + ' | ' }} {{ form.totalBrowsing }} 浏览</div>
<div class="meta">{{ form.edit && '编辑:' + form.edit }} {{ form.audit && ' | 审核:' + form.audit }} {{ form.label && ' | 标签:' + form.label }}</div>
<p class="brief">{{ form.summary }}</p> <p class="brief">{{ form.summary }}</p>
<div v-html="form.mainBody"></div> <div v-html="form.mainBody"></div>
<div v-if="files.length" class="annex"> <div v-if="files.length" class="annex">

@ -3,7 +3,7 @@
<el-carousel height="480px" :interval="6000" :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'"> <el-carousel height="480px" :interval="6000" :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'">
<template v-for="(item, i) in modules[0].list"> <template v-for="(item, i) in modules[0].list">
<el-carousel-item v-if="item.pic && item.isEnable" :key="i"> <el-carousel-item v-if="item.pic && item.isEnable" :key="i">
<div class="banner-item" @click="openLink(item)"> <div :class="['banner-item', {'cursor-pointer': item.link.linkName !== '无'}]" @click="openLink(item)">
<img :src="item.pic" alt=""> <img :src="item.pic" alt="">
<p class="banner-name">CAREERS</p> <p class="banner-name">CAREERS</p>
</div> </div>
@ -21,7 +21,7 @@
<p class="text">{{ modules[1].form.des }}</p> <p class="text">{{ modules[1].form.des }}</p>
</div> </div>
<div class="arrow"> <div class="arrow">
<img src="@/assets/images/arrow-white.png" alt="" @click="openLink(modules[1].form)"> <img src="@/assets/images/arrow-white.png" alt="" :class="{'cursor-pointer': modules[1].form.link.linkName !== '无'}" @click="openLink(modules[1].form)">
</div> </div>
</li> </li>
<li> <li>
@ -31,7 +31,7 @@
<p class="text">{{ modules[2].form.des }}</p> <p class="text">{{ modules[2].form.des }}</p>
</div> </div>
<div class="arrow"> <div class="arrow">
<img src="@/assets/images/arrow-white.png" alt="" @click="openLink(modules[2].form)"> <img src="@/assets/images/arrow-white.png" alt="" :class="{'cursor-pointer': modules[2].form.link.linkName !== '无'}" @click="openLink(modules[2].form)">
</div> </div>
</li> </li>
<li> <li>
@ -41,7 +41,7 @@
<p class="text">{{ modules[3].form.des }}</p> <p class="text">{{ modules[3].form.des }}</p>
</div> </div>
<div class="arrow"> <div class="arrow">
<img src="@/assets/images/arrow-white.png" alt="" @click="openLink(modules[3].form)"> <img src="@/assets/images/arrow-white.png" alt="" :class="{'cursor-pointer': modules[3].form.link.linkName !== '无'}" @click="openLink(modules[3].form)">
</div> </div>
</li> </li>
<li> <li>
@ -51,7 +51,7 @@
<p class="text">{{ modules[4].form.des }}</p> <p class="text">{{ modules[4].form.des }}</p>
</div> </div>
<div class="arrow"> <div class="arrow">
<img src="@/assets/images/arrow-white.png" alt="" @click="openLink(modules[4].form)"> <img src="@/assets/images/arrow-white.png" alt="" :class="{'cursor-pointer': modules[4].form.link.linkName !== '无'}" @click="openLink(modules[4].form)">
</div> </div>
</li> </li>
</ul> </ul>
@ -64,7 +64,7 @@
<p class="intro">{{ modules[5].form.des }}</p> <p class="intro">{{ modules[5].form.des }}</p>
<ul class="people"> <ul class="people">
<template v-for="(item, i) in modules[6].list"> <template v-for="(item, i) in modules[6].list">
<li v-if="item.isEnable" :key="i"> <li v-if="item.isEnable" :key="i" :class="{'cursor-pointer': item.link.linkName !== '无'}" @click="openLink(item)">
<img class="comma" src="@/assets/images/comma.png" alt=""> <img class="comma" src="@/assets/images/comma.png" alt="">
<div class="left"> <div class="left">
<h6>{{ item.title }}</h6> <h6>{{ item.title }}</h6>
@ -84,7 +84,7 @@
<h6>{{ item.title }}</h6> <h6>{{ item.title }}</h6>
<div class="sub">{{ item.subTitle }}</div> <div class="sub">{{ item.subTitle }}</div>
<div class="des">{{ item.des }}</div> <div class="des">{{ item.des }}</div>
<img class="arrow" src="@/assets/images/arrow-white.png" alt="" @click="openLink(item)"> <img src="@/assets/images/arrow-white.png" alt="" :class="{'arrow': item.link.linkName !== '无'}" @click="openLink(item)">
</div> </div>
<img class="pic" :src="item.pic" alt=""> <img class="pic" :src="item.pic" alt="">
</li> </li>
@ -173,7 +173,7 @@ export default {
background: #36404A; background: #36404A;
opacity: 0; opacity: 0;
transition: .3s; transition: .3s;
cursor: pointer; cursor: default;
} }
} }
} }

@ -25,7 +25,7 @@
<el-option <el-option
v-for="item in labels" v-for="item in labels"
:key="item.id" :key="item.id"
:label="item.name" :label="item.labelName"
:value="item.id"> :value="item.id">
</el-option> </el-option>
</el-select> </el-select>

@ -3,7 +3,7 @@
<el-carousel height="480px" :interval="6000" :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'"> <el-carousel height="480px" :interval="6000" :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'">
<template v-for="(item, i) in modules[0].list"> <template v-for="(item, i) in modules[0].list">
<el-carousel-item v-if="item.pic && item.isEnable" :key="i"> <el-carousel-item v-if="item.pic && item.isEnable" :key="i">
<div class="banner-item" @click="openLink(item)"> <div :class="['banner-item', {'cursor-pointer': item.link.linkName !== '无'}]" @click="openLink(item)">
<img :src="item.pic" alt=""> <img :src="item.pic" alt="">
<p class="banner-name">NEWS & EVENTS</p> <p class="banner-name">NEWS & EVENTS</p>
</div> </div>
@ -15,7 +15,7 @@
<div class="inner"> <div class="inner">
<h2 class="b-title">{{ modules[1].form.title }}</h2> <h2 class="b-title">{{ modules[1].form.title }}</h2>
<p class="intro">{{ modules[1].form.des }}</p> <p class="intro">{{ modules[1].form.des }}</p>
<img :class="{'cursor-pointer': modules[1].form.link}" width="100%" height="536" :src="modules[1].form.pic" alt="" @click="openLink(modules[1].form)"> <img :class="{'cursor-pointer': modules[1].form.link.linkName !== '无'}" width="100%" height="536" :src="modules[1].form.pic" alt="" @click="openLink(modules[1].form)">
</div> </div>
</div> </div>
@ -23,7 +23,7 @@
<div class="inner"> <div class="inner">
<h2 class="b-title">{{ modules[2].form.title }}</h2> <h2 class="b-title">{{ modules[2].form.title }}</h2>
<p class="intro">{{ modules[2].form.des }}</p> <p class="intro">{{ modules[2].form.des }}</p>
<img :class="{'cursor-pointer': modules[2].form.link}" width="100%" height="536" :src="modules[2].form.pic" alt="" @click="openLink(modules[2].form)"> <img :class="{'cursor-pointer': modules[2].form.link.linkName !== '无'}" width="100%" height="536" :src="modules[2].form.pic" alt="" @click="openLink(modules[2].form)">
</div> </div>
</div> </div>
@ -34,7 +34,7 @@
<ul class="list"> <ul class="list">
<template v-for="(item, i) in modules[4].list"> <template v-for="(item, i) in modules[4].list">
<li v-if="item.isEnable" :key="i"> <li v-if="item.isEnable" :key="i">
<img class="pic" :src="item.pic" alt="" @click="openLink(item)"> <img class="pic" :src="item.pic" alt="" :class="{'cursor-pointer': item.link.linkName !== '无'}" @click="openLink(item)">
<div class="texts"> <div class="texts">
<h6>{{ item.title }}</h6> <h6>{{ item.title }}</h6>
<p class="sub">{{ item.subTitle }}</p> <p class="sub">{{ item.subTitle }}</p>
@ -96,7 +96,6 @@ export default {
.pic { .pic {
width: 650px; width: 650px;
height: 730px; height: 730px;
cursor: pointer;
} }
.texts { .texts {
position: absolute; position: absolute;

@ -3,7 +3,7 @@
<el-carousel height="959px" :interval="6000" :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'"> <el-carousel height="959px" :interval="6000" :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'">
<template v-for="(item, i) in modules[0].list"> <template v-for="(item, i) in modules[0].list">
<el-carousel-item v-if="item.pic && item.isEnable" :key="i"> <el-carousel-item v-if="item.pic && item.isEnable" :key="i">
<img class="cursor-pointer" width="100%" height="959" :src="item.pic" alt="" @click="openLink(item)"> <img :class="[{'cursor-pointer': item.link.linkName !== '无'}]" width="100%" height="959" :src="item.pic" alt="" @click="openLink(item)">
</el-carousel-item> </el-carousel-item>
</template> </template>
</el-carousel> </el-carousel>
@ -18,7 +18,7 @@
<div class="texts"> <div class="texts">
<h6>{{ modules[2].form.title }}</h6> <h6>{{ modules[2].form.title }}</h6>
<p class="des">{{ modules[2].form.des }}</p> <p class="des">{{ modules[2].form.des }}</p>
<img class="arrow" src="@/assets/images/arrow.png" alt="" @click="openLink(modules[2].form)"> <img src="@/assets/images/arrow.png" alt="" :class="{'arrow': modules[2].form.link.linkName !== '无'}" @click="openLink(modules[2].form)">
</div> </div>
</li> </li>
<li> <li>
@ -26,7 +26,7 @@
<div class="texts"> <div class="texts">
<h6>{{ modules[3].form.title }}</h6> <h6>{{ modules[3].form.title }}</h6>
<p class="des">{{ modules[3].form.des }}</p> <p class="des">{{ modules[3].form.des }}</p>
<img class="arrow" src="@/assets/images/arrow.png" alt="" @click="openLink(modules[3].form)"> <img src="@/assets/images/arrow.png" alt="" :class="{'arrow': modules[3].form.link.linkName !== '无'}" @click="openLink(modules[3].form)">
</div> </div>
</li> </li>
</ul> </ul>
@ -38,7 +38,7 @@
<h2 class="b-title">{{ modules[4].form.title }}</h2> <h2 class="b-title">{{ modules[4].form.title }}</h2>
<p class="intro">{{ modules[4].form.des }}</p> <p class="intro">{{ modules[4].form.des }}</p>
<ul class="news"> <ul class="news">
<li v-for="(item, i) in articles" :key="i"> <li v-for="(item, i) in articles" :key="i" @click="toArtice(item)">
<img src="@/assets/images/channel1.png" alt=""> <img src="@/assets/images/channel1.png" alt="">
<div class="texts"> <div class="texts">
<h6>{{ item.columnName }}</h6> <h6>{{ item.columnName }}</h6>
@ -61,7 +61,7 @@
<div class="texts"> <div class="texts">
<h6>{{ item.title }}</h6> <h6>{{ item.title }}</h6>
<p class="des">{{ item.des }}</p> <p class="des">{{ item.des }}</p>
<img class="arrow" src="@/assets/images/arrow.png" alt="" @click="openLink(item)"> <img src="@/assets/images/arrow.png" alt="" :class="{'arrow': item.link.linkName !== '无'}" @click="openLink(item)">
</div> </div>
</li> </li>
</template> </template>
@ -69,7 +69,7 @@
</div> </div>
</div> </div>
<div class="about" @click="openLink(modules[8].form)"> <div class="about" :class="{'cursor-pointer': modules[8].form.link.linkName !== '无'}" @click="openLink(modules[8].form)">
<div class="inner"> <div class="inner">
<img src="@/assets/images/about.png" alt=""> <img src="@/assets/images/about.png" alt="">
<div class="line"></div> <div class="line"></div>
@ -199,6 +199,7 @@ export default {
padding: 34px; padding: 34px;
margin-bottom: 28px; margin-bottom: 28px;
background-color: #fff; background-color: #fff;
cursor: pointer;
&:nth-child(odd) { &:nth-child(odd) {
margin-right: 28px; margin-right: 28px;
} }
@ -257,6 +258,9 @@ export default {
.glance { .glance {
padding-bottom: 50px; padding-bottom: 50px;
font-size: 45px; font-size: 45px;
font-weight: bold;
font-family: SFProDisplay-Bold, SFProDisplay;
text-align: center;
border-bottom: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE;
} }
.stat { .stat {
@ -282,7 +286,6 @@ export default {
.about { .about {
padding: 77px 0 198px; padding: 77px 0 198px;
background: url(../../assets/images/about-bg.png) 0 0/100% 100% no-repeat; background: url(../../assets/images/about-bg.png) 0 0/100% 100% no-repeat;
cursor: pointer;
.line { .line {
display: flex; display: flex;
align-items: center; align-items: center;

@ -3,7 +3,7 @@
<el-carousel height="480px" :interval="6000" :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'"> <el-carousel height="480px" :interval="6000" :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'">
<template v-for="(item, i) in modules[0].list"> <template v-for="(item, i) in modules[0].list">
<el-carousel-item v-if="item.pic && item.isEnable" :key="i"> <el-carousel-item v-if="item.pic && item.isEnable" :key="i">
<div class="banner-item" @click="openLink(item)"> <div :class="['banner-item', {'cursor-pointer': item.link.linkName !== '无'}]" @click="openLink(item)">
<img :src="item.pic" alt=""> <img :src="item.pic" alt="">
<p class="banner-name">NEWS & EVENTS</p> <p class="banner-name">NEWS & EVENTS</p>
</div> </div>
@ -34,7 +34,7 @@
<div class="texts"> <div class="texts">
<p class="meta">{{ item.createTime }} {{ item.author && ' | ' + item.author }}</p> <p class="meta">{{ item.createTime }} {{ item.author && ' | ' + item.author }}</p>
<div class="des">{{ item.title }}</div> <div class="des">{{ item.title }}</div>
<img class="arrow" src="@/assets/images/arrow.png" alt=""> <img class="arrow" src="@/assets/images/arrow.png" alt="" @click="toArtice(item)">
</div> </div>
</li> </li>
</template> </template>
@ -57,11 +57,11 @@
</div> </div>
<div class="right"> <div class="right">
<ul class="show-card"> <ul class="show-card">
<li v-if="articles[1]"> <li v-if="articles[1]" @click="toArtice(articles[1])">
<img class="pic" :src="articles[1].titleImg" alt=""> <img class="pic" :src="articles[1].titleImg" alt="">
<div class="des">{{ articles[1].title }}</div> <div class="des">{{ articles[1].title }}</div>
</li> </li>
<li v-if="articles[2]"> <li v-if="articles[2]" @click="toArtice(articles[2])">
<img class="pic" :src="articles[2].titleImg" alt=""> <img class="pic" :src="articles[2].titleImg" alt="">
<div class="des">{{ articles[2].title }}</div> <div class="des">{{ articles[2].title }}</div>
</li> </li>
@ -74,7 +74,7 @@
<h6>{{ item.title }}</h6> <h6>{{ item.title }}</h6>
<div class="des" v-html="item.mainBody"></div> <div class="des" v-html="item.mainBody"></div>
</div> </div>
<img class="arrow" src="@/assets/images/arrow.png" alt=""> <img class="arrow" src="@/assets/images/arrow.png" alt="" @click="toArtice(item)">
</li> </li>
</template> </template>
</ul> </ul>
@ -103,7 +103,7 @@
</div> </div>
<ul class="card-list"> <ul class="card-list">
<template v-for="(item, i) in articles1"> <template v-for="(item, i) in articles1">
<li v-if="i" :key="i"> <li v-if="i" :key="i" @click="toArtice(item)">
<img class="pic" :src="item.titleImg" alt=""> <img class="pic" :src="item.titleImg" alt="">
<div class="texts"> <div class="texts">
<h6>{{ item.title }}</h6> <h6>{{ item.title }}</h6>
@ -236,6 +236,7 @@ export default {
} }
.banner { .banner {
display: flex; display: flex;
cursor: pointer;
.pic { .pic {
width: 700px; width: 700px;
height: 380px; height: 380px;
@ -360,6 +361,7 @@ export default {
align-items: center; align-items: center;
padding-right: 124px; padding-right: 124px;
margin-bottom: 38px; margin-bottom: 38px;
cursor: pointer;
&:last-child { &:last-child {
margin-bottom: 0; margin-bottom: 0;
} }
@ -440,6 +442,7 @@ export default {
padding: 24px; padding: 24px;
margin-bottom: 13px; margin-bottom: 13px;
background-color: #fff; background-color: #fff;
cursor: pointer;
} }
.pic { .pic {
width: 188px; width: 188px;

@ -3,7 +3,7 @@
<el-carousel height="480px" :interval="6000" :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'"> <el-carousel height="480px" :interval="6000" :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'">
<template v-for="(item, i) in modules[0].list"> <template v-for="(item, i) in modules[0].list">
<el-carousel-item v-if="item.pic && item.isEnable" :key="i"> <el-carousel-item v-if="item.pic && item.isEnable" :key="i">
<div class="banner-item" @click="openLink(item)"> <div :class="['banner-item', {'cursor-pointer': item.link.linkName !== '无'}]" @click="openLink(item)">
<img :src="item.pic" alt=""> <img :src="item.pic" alt="">
<p class="banner-name">NEWS & EVENTS</p> <p class="banner-name">NEWS & EVENTS</p>
</div> </div>
@ -21,7 +21,7 @@
<h6>{{ item.title }}</h6> <h6>{{ item.title }}</h6>
<p class="sub">{{ item.subTitle }}</p> <p class="sub">{{ item.subTitle }}</p>
<div class="des">{{ item.des }}</div> <div class="des">{{ item.des }}</div>
<img class="arrow" src="@/assets/images/arrow.png" alt="" @click="openLink(item)"> <img src="@/assets/images/arrow.png" alt="" :class="{'arrow': item.link.linkName !== '无'}" @click="openLink(item)">
</div> </div>
</li> </li>
</template> </template>

@ -3,7 +3,7 @@
<el-carousel height="480px" :interval="6000" :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'"> <el-carousel height="480px" :interval="6000" :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'">
<template v-for="(item, i) in modules[0].list"> <template v-for="(item, i) in modules[0].list">
<el-carousel-item v-if="item.pic && item.isEnable" :key="i"> <el-carousel-item v-if="item.pic && item.isEnable" :key="i">
<div class="banner-item" @click="openLink(item)"> <div :class="['banner-item', {'cursor-pointer': item.link.linkName !== '无'}]" @click="openLink(item)">
<img :src="item.pic" alt=""> <img :src="item.pic" alt="">
<p class="banner-name">NEWS & EVENTS</p> <p class="banner-name">NEWS & EVENTS</p>
</div> </div>
@ -21,7 +21,7 @@
<h6>{{ item.title }}</h6> <h6>{{ item.title }}</h6>
<p class="sub">{{ item.subTitle }}</p> <p class="sub">{{ item.subTitle }}</p>
<div class="des">{{ item.des }}</div> <div class="des">{{ item.des }}</div>
<img class="arrow" src="@/assets/images/arrow.png" alt="" @click="openLink(item)"> <img src="@/assets/images/arrow.png" alt="" :class="{'arrow': item.link.linkName !== '无'}" @click="openLink(item)">
</div> </div>
</li> </li>
</template> </template>

@ -3,7 +3,7 @@
<el-carousel height="480px" :interval="6000" :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'"> <el-carousel height="480px" :interval="6000" :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'">
<template v-for="(item, i) in modules[0].list"> <template v-for="(item, i) in modules[0].list">
<el-carousel-item v-if="item.pic && item.isEnable" :key="i"> <el-carousel-item v-if="item.pic && item.isEnable" :key="i">
<div class="banner-item" @click="openLink(item)"> <div :class="['banner-item', {'cursor-pointer': item.link.linkName !== '无'}]" @click="openLink(item)">
<img :src="item.pic" alt=""> <img :src="item.pic" alt="">
<p class="banner-name">RESEARCH</p> <p class="banner-name">RESEARCH</p>
</div> </div>
@ -15,7 +15,7 @@
<h2 class="b-title">{{ modules[1].form.title }}</h2> <h2 class="b-title">{{ modules[1].form.title }}</h2>
<p class="intro">{{ modules[1].form.des }}</p> <p class="intro">{{ modules[1].form.des }}</p>
<ul class="area"> <ul class="area">
<li v-for="(item, i) in modules[2].list" :key="i"> <li v-for="(item, i) in modules[2].list" :key="i" :class="{'cursor-pointer': item.link.linkName !== '无'}" @click="openLink(item)">
<img :src="item.pic" alt="" class="pic"> <img :src="item.pic" alt="" class="pic">
<div class="texts"> <div class="texts">
<img :src="require('@/assets/images/research/res' + (i + 1) + '-1.png')" alt="" class="icon"> <img :src="require('@/assets/images/research/res' + (i + 1) + '-1.png')" alt="" class="icon">
@ -31,7 +31,7 @@
<h2 class="b-title">{{ modules[3].form.title }}</h2> <h2 class="b-title">{{ modules[3].form.title }}</h2>
<p class="intro">{{ modules[3].form.des }}</p> <p class="intro">{{ modules[3].form.des }}</p>
<ul class="group"> <ul class="group">
<li v-for="(item, i) in modules[4].list" :key="i"> <li v-for="(item, i) in modules[4].list" :key="i" :class="{'cursor-pointer': item.link.linkName !== '无'}" @click="openLink(item)">
<img :src="item.pic" alt=""> <img :src="item.pic" alt="">
<p class="text">{{ item.title }}</p> <p class="text">{{ item.title }}</p>
</li> </li>
@ -44,7 +44,7 @@
<h2 class="b-title">{{ modules[5].form.title }}</h2> <h2 class="b-title">{{ modules[5].form.title }}</h2>
<p class="intro">{{ modules[5].form.des }}</p> <p class="intro">{{ modules[5].form.des }}</p>
<ul class="news"> <ul class="news">
<li v-for="(item, i) in modules[6].list" :key="i"> <li v-for="(item, i) in modules[6].list" :key="i" :class="{'cursor-pointer': item.link.linkName !== '无'}" @click="openLink(item)">
<img :src="item.pic" alt=""> <img :src="item.pic" alt="">
<div class="texts"> <div class="texts">
<h6>{{ item.title }}</h6> <h6>{{ item.title }}</h6>

@ -5,6 +5,10 @@
font-family: PingFang; font-family: PingFang;
src: url('font/PingFang-Regular.otf'); src: url('font/PingFang-Regular.otf');
} }
@font-face {
font-family: SFProDisplay-Bold;
src: url('font/SF-Pro-Display-Bold.otf');
}
[v-cloak] { [v-cloak] {
display: none; display: none;

@ -5,7 +5,10 @@
position: relative; position: relative;
margin-bottom: 50px; margin-bottom: 50px;
font-size: 50px; font-size: 50px;
line-height: 59px; font-family: SFProDisplay-Bold, SFProDisplay;
font-weight: bold;
color: #333333;
line-height: 60px;
text-align: center; text-align: center;
color: #1F1F1F; color: #1F1F1F;
&:after { &:after {
@ -39,7 +42,6 @@
position: relative; position: relative;
width: 100%; width: 100%;
height: 100%; height: 100%;
cursor: pointer;
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;

Loading…
Cancel
Save