|
|
|
@ -1,7 +1,10 @@ |
|
|
|
<template> |
|
|
|
<template> |
|
|
|
<div class="wrap"> |
|
|
|
<div class="wrap"> |
|
|
|
|
|
|
|
<!-- 关于IASF-使命愿景价值观 --> |
|
|
|
<div class="single-banner"> |
|
|
|
<div class="single-banner"> |
|
|
|
<img class="banner-img" :src="modules[0].form.pic" alt="" /> |
|
|
|
<img class="banner-img" |
|
|
|
|
|
|
|
:src="modules[0].form.pic" |
|
|
|
|
|
|
|
alt="" /> |
|
|
|
<div class="texts"> |
|
|
|
<div class="texts"> |
|
|
|
<h6 class="banner-title">{{ modules[0].form.title }}</h6> |
|
|
|
<h6 class="banner-title">{{ modules[0].form.title }}</h6> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -9,28 +12,28 @@ |
|
|
|
|
|
|
|
|
|
|
|
<div class="block"> |
|
|
|
<div class="block"> |
|
|
|
<div class="inner"> |
|
|
|
<div class="inner"> |
|
|
|
<div |
|
|
|
<div class="item wow bounceInLeft" |
|
|
|
class="item wow bounceInLeft" |
|
|
|
|
|
|
|
data-wow-delay="0.5s" |
|
|
|
data-wow-delay="0.5s" |
|
|
|
:class="{ 'cursor-pointer': isLink(modules[1].form.link.linkName) }" |
|
|
|
:class="{ 'cursor-pointer': isLink(modules[1].form.link.linkName) }" |
|
|
|
@click="openLink(modules[1].form)" |
|
|
|
@click="openLink(modules[1].form)"> |
|
|
|
> |
|
|
|
<img src="http://10.10.11.7/images/mission/2.png" |
|
|
|
<img src="http://10.10.11.7/images/mission/2.png" alt="" /> |
|
|
|
alt="" /> |
|
|
|
<div class="texts"> |
|
|
|
<div class="texts"> |
|
|
|
<h6>{{ modules[1].form.title }}</h6> |
|
|
|
<h6>{{ modules[1].form.title }}</h6> |
|
|
|
<div class="des" v-html="modules[1].form.des"></div> |
|
|
|
<div class="des" |
|
|
|
|
|
|
|
v-html="modules[1].form.des"></div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div |
|
|
|
<div class="item wow bounceInRight" |
|
|
|
class="item wow bounceInRight" |
|
|
|
|
|
|
|
data-wow-delay="0.8s" |
|
|
|
data-wow-delay="0.8s" |
|
|
|
:class="{ 'cursor-pointer': isLink(modules[2].form.link.linkName) }" |
|
|
|
:class="{ 'cursor-pointer': isLink(modules[2].form.link.linkName) }" |
|
|
|
@click="openLink(modules[2].form)" |
|
|
|
@click="openLink(modules[2].form)"> |
|
|
|
> |
|
|
|
<img src="http://10.10.11.7/images/mission/3.png" |
|
|
|
<img src="http://10.10.11.7/images/mission/3.png" alt="" /> |
|
|
|
alt="" /> |
|
|
|
<div class="texts rightText"> |
|
|
|
<div class="texts rightText"> |
|
|
|
<h6>{{ modules[2].form.title }}</h6> |
|
|
|
<h6>{{ modules[2].form.title }}</h6> |
|
|
|
<div class="des" v-html="modules[2].form.des"></div> |
|
|
|
<div class="des" |
|
|
|
|
|
|
|
v-html="modules[2].form.des"></div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -41,11 +44,17 @@ |
|
|
|
<h6 class="m-title">{{ modules[3].form.title }}</h6> |
|
|
|
<h6 class="m-title">{{ modules[3].form.title }}</h6> |
|
|
|
<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" :class="[{'cursor-pointer': isLink(item.link.linkName)}]" @click="openLink(item)"> |
|
|
|
<li v-if="item.isEnable" |
|
|
|
<img :src="item.pic" alt="" class="pic"> |
|
|
|
:key="i" |
|
|
|
|
|
|
|
:class="[{'cursor-pointer': isLink(item.link.linkName)}]" |
|
|
|
|
|
|
|
@click="openLink(item)"> |
|
|
|
|
|
|
|
<img :src="item.pic" |
|
|
|
|
|
|
|
alt="" |
|
|
|
|
|
|
|
class="pic"> |
|
|
|
<div class="texts"> |
|
|
|
<div class="texts"> |
|
|
|
<h6>{{ item.title }}</h6> |
|
|
|
<h6>{{ item.title }}</h6> |
|
|
|
<div class="des" v-html="item.des"></div> |
|
|
|
<div class="des" |
|
|
|
|
|
|
|
v-html="item.des"></div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</li> |
|
|
|
</li> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
@ -62,17 +71,17 @@ import Util from "@/libs/util"; |
|
|
|
import WOW from "wow.js"; |
|
|
|
import WOW from "wow.js"; |
|
|
|
export default { |
|
|
|
export default { |
|
|
|
mixins: [mixins], |
|
|
|
mixins: [mixins], |
|
|
|
data() { |
|
|
|
data () { |
|
|
|
return { |
|
|
|
return { |
|
|
|
routes: [], |
|
|
|
routes: [], |
|
|
|
}; |
|
|
|
}; |
|
|
|
}, |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
mounted () { |
|
|
|
new WOW().init(); |
|
|
|
new WOW().init(); |
|
|
|
}, |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
methods: { |
|
|
|
// 获取文章详情 |
|
|
|
// 获取文章详情 |
|
|
|
getInfo() { |
|
|
|
getInfo () { |
|
|
|
// 预览/详情 |
|
|
|
// 预览/详情 |
|
|
|
this.$post( |
|
|
|
this.$post( |
|
|
|
`${this.api[this.preview ? "getRedisCache" : "findPage"]}?columnId=${this.id}` |
|
|
|
`${this.api[this.preview ? "getRedisCache" : "findPage"]}?columnId=${this.id}` |
|
|
|
@ -91,7 +100,7 @@ export default { |
|
|
|
console.log("🚀 ~ file: index.vue ~ line 180 ~ this.$post ~ json", json); |
|
|
|
console.log("🚀 ~ file: index.vue ~ line 180 ~ this.$post ~ json", json); |
|
|
|
} |
|
|
|
} |
|
|
|
}) |
|
|
|
}) |
|
|
|
.catch((err) => {}); |
|
|
|
.catch((err) => { }); |
|
|
|
}, |
|
|
|
}, |
|
|
|
}, |
|
|
|
}, |
|
|
|
}; |
|
|
|
}; |
|
|
|
@ -99,7 +108,7 @@ export default { |
|
|
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
<style lang="scss" scoped> |
|
|
|
@import url(../../plugins/wow/animate.css); |
|
|
|
@import url(../../plugins/wow/animate.css); |
|
|
|
@import "../../styles/page/page.scss"; |
|
|
|
@import '../../styles/page/page.scss'; |
|
|
|
.inner { |
|
|
|
.inner { |
|
|
|
width: 1200px; |
|
|
|
width: 1200px; |
|
|
|
} |
|
|
|
} |
|
|
|
@ -121,7 +130,7 @@ export default { |
|
|
|
left: auto; |
|
|
|
left: auto; |
|
|
|
right: 0; |
|
|
|
right: 0; |
|
|
|
color: #fff; |
|
|
|
color: #fff; |
|
|
|
background: rgba(40,179,255,0.34); |
|
|
|
background: rgba(40, 179, 255, 0.34); |
|
|
|
} |
|
|
|
} |
|
|
|
.texts { |
|
|
|
.texts { |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
@ -199,8 +208,8 @@ export default { |
|
|
|
width: 85%; |
|
|
|
width: 85%; |
|
|
|
box-sizing: border-box; |
|
|
|
box-sizing: border-box; |
|
|
|
left: 12px; |
|
|
|
left: 12px; |
|
|
|
.des{ |
|
|
|
.des { |
|
|
|
-webkit-line-clamp: inherit |
|
|
|
-webkit-line-clamp: inherit; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
