Skip to content

P
project-online-pc
提交 4ff595ee authored 作者: lihuihui's avatar lihuihui
浏览文件
操作

优化

上级 1ed933cc
隐藏空白字符变更
内嵌 并排
正在显示 包含 135 行增加 和 52 行删除
components/recommend.vue 0 → 100644
浏览文件 @ 4ff595ee
<template>
<div>
<div class="recommend-content">
<div class="titles">
<div class="line"></div>
<div class="text">相关推荐</div>
</div>
<ul class="list-box">
<li v-for="(item, index) in listData" :key="index">
<app-link :item="{
news: {
data: item,
path: '/news/hot'
}
}">
<img :src="item.photo_uri" alt="" />
<div class="dec">{{ item.title }}</div>
</app-link>
</li>
</ul>
</div>
<div class="more-btn" @click="$router.push({ path: '/news/hot' })">查看更多</div>
</div>
</template>
<script>
import AppLink from '@/components/Link'
export default {
components: {
AppLink
},
data() {
return {
data: {},
listData: []
}
},
async fetch() {
this.data = await this.$axios.get(`/api/zws/v1/cms/news/${this.$route.params.id}`).then(res => {
return res
})
const params = {
page: 1,
per_page: 100,
type: 80,
project_id: process.env.projectId
}
this.listData = await this.$axios.get('/api/zws/v1/cms/news', { params }).then(res => {
return res.filter((item, index) => {
return index < 3
})
})
},
methods: {
goPage(item) {
if (item.source) {
window.open(item.source)
} else {
this.$router.push({ name: 'news-hot-id', params: { id: item.id } })
}
}
}
}
</script>
<style lang="scss" scoped>
.recommend-content {
border-top: 1px solid #e6e6e6;
padding-top: 37px;
.titles {
display: flex;
align-items: center;
.line {
width: 6px;
height: 22px;
background: #aa1941;
}
.text {
font-size: 22px;
color: #333333;
margin-left: 10px;
}
}
.list-box {
margin-top: 50px;
display: flex;
justify-content: space-between;
li {
width: 280px;
img {
width: 280px;
height: 184px;
display: block;
}
.dec {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
font-size: 16px;
line-height: 26px;
color: #333333;
margin-top: 10px;
}
}
}
}
.more-btn {
position: relative;
z-index: 999;
width: 164px;
height: 40px;
border: 1px solid #d3d3d3;
border-radius: 8px;
line-height: 40px;
text-align: center;
font-size: 16px;
color: #999999;
margin: 50px auto 0;
cursor: pointer;
}
</style>
layouts/normal.vue
浏览文件 @ 4ff595ee
......@@ -2,6 +2,7 @@
<div>
<Head />
<Nuxt />
<rightAside />
<Foot v-if="hasFooter" />
</div>
</template>
......
pages/alumni/sharing/_id.vue
浏览文件 @ 4ff595ee
......@@ -8,34 +8,20 @@
</div>
<div class="times">{{ data.created_time }}</div>
<div class="titles">{{ data.title }}</div>
<div class="article-content" v-html="data.content">
<!-- 当今世界正经历百年未有之大变局，中国正在努力构建“双循环”新格局，深化金融改革信号明确，我们迫切需要什么样的金融人才？如何培养担当大任的金融领军人才？
10月16日上午，由紫荆教育、印第安纳大学KELLEY商学院主办，中国教育发展战略学会支持的2020（第七届）紫荆·国际金融人才论坛暨“中国未来金融领袖计划”新闻发布会在北京威斯汀酒店举行，权威大咖云集，观点激荡碰撞出独家思想盛宴。紫荆教育董事长张博、资深副总裁金梅，全国社会保障基金理事会原副理事长、中国基金业协会母基金专委会主席王忠民，中国银行业协会东方银行业高级管理人员研修院院长助理唐绍云，中国教育发展战略学会教育认证专业委员会秘书长顾占春，清华大学公共管理学院中国公共领导力中心副主任于永达，清华大学五道口金融学院业界导师、香港致富证券首席经济学家肇越，天风证券首席风险官王勇，人民网、新华网、新浪网、凤凰网、搜狐视频、网易网等媒体朋友参加了论坛。
<img src="https://zws-imgs-pub.ezijing.com/static/public/c563a1e422b67a14b9fb22ea86d56e0b.png" alt=""> -->
</div>
<div class="recommend-content">
<div class="titles">
<div class="line"></div>
<div class="text">相关推荐</div>
</div>
<ul class="list-box">
<li v-for="(item, index) in listData" :key="index" @click="goPage(item)">
<img :src="item.photo_uri" alt="" />
<div class="dec">{{ item.title }}</div>
</li>
</ul>
</div>
<div class="more-btn" @click="$router.push({ path: '/alumni/sharing' })">查看更多</div>
<div class="article-content" v-html="data.content"></div>
<recommend />
</div>
</app-frame>
</div>
</template>
<script>
import appFrame from '@/components/appFrame'
import recommend from '@/components/recommend'
export default {
layout: 'normal',
components: {
appFrame
appFrame,
recommend
},
data() {
return {
......
pages/news/hot/_id.vue
浏览文件 @ 4ff595ee
......@@ -13,29 +13,19 @@
10月16日上午，由紫荆教育、印第安纳大学KELLEY商学院主办，中国教育发展战略学会支持的2020（第七届）紫荆·国际金融人才论坛暨“中国未来金融领袖计划”新闻发布会在北京威斯汀酒店举行，权威大咖云集，观点激荡碰撞出独家思想盛宴。紫荆教育董事长张博、资深副总裁金梅，全国社会保障基金理事会原副理事长、中国基金业协会母基金专委会主席王忠民，中国银行业协会东方银行业高级管理人员研修院院长助理唐绍云，中国教育发展战略学会教育认证专业委员会秘书长顾占春，清华大学公共管理学院中国公共领导力中心副主任于永达，清华大学五道口金融学院业界导师、香港致富证券首席经济学家肇越，天风证券首席风险官王勇，人民网、新华网、新浪网、凤凰网、搜狐视频、网易网等媒体朋友参加了论坛。
<img src="https://zws-imgs-pub.ezijing.com/static/public/c563a1e422b67a14b9fb22ea86d56e0b.png" alt=""> -->
</div>
<div class="recommend-content">
<div class="titles">
<div class="line"></div>
<div class="text">相关推荐</div>
</div>
<ul class="list-box">
<li v-for="(item, index) in listData" :key="index" @click="goPage(item)">
<img :src="item.photo_uri" alt="" />
<div class="dec">{{ item.title }}</div>
</li>
</ul>
</div>
<div class="more-btn" @click="$router.push({ path: '/news/hot' })">查看更多</div>
<recommend />
</div>
</app-frame>
</div>
</template>
<script>
import appFrame from '@/components/appFrame'
import recommend from '@/components/recommend'
export default {
layout: 'normal',
components: {
appFrame
appFrame,
recommend
},
data() {
return {
......
pages/news/interview/_id.vue
浏览文件 @ 4ff595ee
......@@ -8,35 +8,21 @@
</div>
<div class="times">{{ data.created_time }}</div>
<div class="titles">{{ data.title }}</div>
<div class="article-content" v-html="data.content">
<!-- 当今世界正经历百年未有之大变局，中国正在努力构建“双循环”新格局，深化金融改革信号明确，我们迫切需要什么样的金融人才？如何培养担当大任的金融领军人才？
10月16日上午，由紫荆教育、印第安纳大学KELLEY商学院主办，中国教育发展战略学会支持的2020（第七届）紫荆·国际金融人才论坛暨“中国未来金融领袖计划”新闻发布会在北京威斯汀酒店举行，权威大咖云集，观点激荡碰撞出独家思想盛宴。紫荆教育董事长张博、资深副总裁金梅，全国社会保障基金理事会原副理事长、中国基金业协会母基金专委会主席王忠民，中国银行业协会东方银行业高级管理人员研修院院长助理唐绍云，中国教育发展战略学会教育认证专业委员会秘书长顾占春，清华大学公共管理学院中国公共领导力中心副主任于永达，清华大学五道口金融学院业界导师、香港致富证券首席经济学家肇越，天风证券首席风险官王勇，人民网、新华网、新浪网、凤凰网、搜狐视频、网易网等媒体朋友参加了论坛。
<img src="https://zws-imgs-pub.ezijing.com/static/public/c563a1e422b67a14b9fb22ea86d56e0b.png" alt=""> -->
</div>
<div class="recommend-content">
<div class="titles">
<div class="line"></div>
<div class="text">相关推荐</div>
</div>
<ul class="list-box">
<li v-for="(item, index) in listData" :key="index" @click="goPage(item)">
<img :src="item.photo_uri" alt="" />
<div class="dec">{{ item.title }}</div>
</li>
</ul>
</div>
<div class="more-btn" @click="$router.push({ path: '/news/interview' })">查看更多</div>
<div class="article-content" v-html="data.content"></div>
<recommend />
</div>
</app-frame>
</div>
</template>
<script>
import appFrame from '@/components/appFrame'
import recommend from '@/components/recommend'
export default {
layout: 'normal',
watchQuery: true,
components: {
appFrame
appFrame,
recommend
},
data() {
return {
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论