Skip to content

P
project-online-old
提交 985bfe3e authored 作者: lihuihui's avatar lihuihui
浏览文件
操作

修改样式

上级 589aa4db
隐藏空白字符变更
内嵌 并排
正在显示 包含 50 行增加 和 207 行删除
src/components/layout/header.vue
浏览文件 @ 985bfe3e
......@@ -55,7 +55,7 @@ export default {
{ title: '招生信息', path: '/recruit' },
{ title: '教学模块', path: '/teaching' },
{ title: '师生风采', path: '/presence' },
{ title: '职业发展', path: '/careerDev' },
// { title: '职业发展', path: '/careerDev' },
{ title: '校友工作', path: '/alumniWork' }
],
isLogin: false,
......
src/pages/careerDev/index.vue deleted 100644 → 0
浏览文件 @ 589aa4db
<template>
<div>
<banner-tab
:data="bannerTabData"
@changeTab="changeTab"
></banner-tab>
<div class="cont-mian center97">
<div class="module" v-if="activeIndex == 0">
<div class="left-txt" v-html="content.module0"></div>
<img src="../../assets/img/recruitInfo/m1-c1-img2.png" alt="">
</div>
<div class="module" v-if="activeIndex == 1">
<div class="left-txt" v-html="content.module1"></div>
<img src="../../assets/img/recruitInfo/m1-c1-img2.png" alt="">
</div>
</div>
</div>
</template>
<script>
import cAction from '@action'
import bannerTab from '@/components/news/tab/bannerTab.vue'
export default {
components: {
bannerTab
},
data() {
return {
bannerTabData: {
menu: ['职业规划', '就业支持'],
imgUrl: 'https://zws-imgs-pub.ezijing.com/static/public/0527f16306569889a1dbb7bcbbe4d6b3.png'
},
activeIndex: 0,
content: {
module0: '',
module1: ''
}
}
},
mounted() {
this.getData()
},
methods: {
changeTab(index) {
this.activeIndex = index
},
getData() {
const requestType = ['职业规划', '就业支持']
requestType.map((item, index) => {
this.request(item, index)
})
},
request(name, index) {
cAction.reportAction.getContent(name).then(json => {
if (json !== null) {
this.content[`module${index}`] = json[0].content
}
}).catch(e => { this.$message.error(e.message) }).finally(() => {})
}
},
}
</script>
<style lang="scss" scoped>
.cont-mian{
.module{
padding-top: 30px;
padding-bottom: 60px;
display: flex;
.left-txt{
width: 670px;
}
img{
margin-left: auto;
// display: block;
width: 235px;
height: 300px;
}
}
}
.center97{
width: 970px;
margin: 0 auto;
}
.top-nav{
.center97{
position: relative;
}
img{
width: 100%;
display: block;
}
.menu{
position: absolute;
bottom: 0;
left: 0;
display: flex;
li{
width: 128px;
line-height: 36px;
text-align: center;
color: #fff;
font-size: 16px;
margin-right: 2px;
cursor: pointer;
background: #BF0927;
&.active{
background: #fff;
color: #C70025;
}
}
}
}
</style>
src/pages/project/index.vue
浏览文件 @ 985bfe3e
......@@ -10,41 +10,8 @@
<div class="t-item2 con970" v-show="showIndex === 1">
<news :data="newsData"></news>
</div>
<div class="t-item3" v-show="showIndex === 2">
<div class="new-style">
<div class="top-cont">
<div class="left">
<div class="txt">
项目设计以学术导师+实践导师双导师制，以国际前沿+金融实操为内容设计导向，融多元培养手段为一体，旨在立足全球视野，扎根本土实践，从产业到金融，从学习到就业一站式、无缝衔接人才培养计划。
</div>
</div>
<ul>
<template v-for="(item, index) in projectFeatures">
<li :key="index">
<div class="dis-b">
<div class="d"></div>
<div class="txt">{{ item.title }}</div>
</div>
<div class="dis-n">
<div class="title">{{ item.title }}</div>
<div class="txt" v-html="item.text"></div>
</div>
</li>
</template>
</ul>
</div>
</div>
<div class="content">
<div class="title">面向人群</div>
<div class="txt-box">
<div class="pp1">1.全日制本硕就读于中国985大学</div>
<div class="pp1">2.在读全日制硕士研究生研一、研二的学生</div>
<div class="pp1">3.本硕就读专业背景为非金融/财经类专业</div>
</div>
</div>
<div class="zs-cont">
<img class="new-img" src="https://zws-imgs-pub.ezijing.com/static/public/5a12d8046451cb9ad751aa6af19b18c2.png" alt="">
</div>
<div class="t-item2 con970" v-show="showIndex === 2">
<news :data="newsData2"></news>
</div>
</div>
</div>
......@@ -59,75 +26,67 @@ export default {
},
data() {
return {
projectFeatures: [
{
title: '项目学制',
text: '学制18个月'
},
{
title: '授课方式',
text: '线上：紫荆/KELLEY商学院学习平台 线下：北京、上海、深圳'
},
{
title: '课程语言',
text: '中方课程为五道口教授和业界金融专家中文授课<br/>美方课程为美国印第安纳大学Kelley商学院教授英文授课'
},
{
title: '招生人数',
text: '2020年计划招收中国大陆地区考生50人'
},
{
title: '主要上课地点',
text: '线上：紫荆/KELLEY商学院学习平台<br/>线下：北京、上海、深圳'
},
{
title: '开学日期',
text: '每年9月'
},
{
title: '获得证书',
text: '清控紫荆教育结业证书<br/>Kelley商学院学位证书'
}
],
newsData2: [],
newsData: [],
showIndex: 1
}
},
mounted() {
this.getData()
this.getData(1)
this.getData(2)
},
methods: {
tap(n) {
this.showIndex = n
},
getData() {
const requestType = [
{
name: '紫荆教育',
image: 'https://zws-imgs-pub.ezijing.com/static/build/learn-mba/resources/m1-c1-img1.fc81eacb.png'
},
{
name: 'Kelley商学院',
image: 'https://zws-imgs-pub.ezijing.com/static/build/learn-mba/resources/m1-c1-img1.fc81eacb.png'
},
{
name: '联合培养背景',
image: 'https://zws-imgs-pub.ezijing.com/static/build/learn-mba/resources/m1-c1-img1.fc81eacb.png'
}
]
getData(n) {
let requestType = []
if (n === 1) {
requestType = [
{
name: '紫荆教育',
image: 'https://zws-imgs-pub.ezijing.com/static/build/learn-mba/resources/m1-c1-img1.fc81eacb.png'
},
{
name: '索菲亚大学',
image: 'https://zws-imgs-pub.ezijing.com/static/build/learn-mba/resources/m1-c1-img1.fc81eacb.png'
},
{
name: '联合办学背景',
image: 'https://zws-imgs-pub.ezijing.com/static/build/learn-mba/resources/m1-c1-img1.fc81eacb.png'
}
]
} else {
requestType = [
{
name: '项目特色',
image: 'https://zws-imgs-pub.ezijing.com/static/build/learn-mba/resources/m1-c1-img1.fc81eacb.png'
}
]
}
requestType.map((item, index) => {
this.request(item, index)
this.request(item, index, n)
})
},
request(item, index) {
request(item, index, n) {
cAction.reportAction.getContent(item.name).then(json => {
this.newsData.push({
id: index,
title: item.name,
content: json === null ? '' : json[0].content,
image: item.image
})
this.newsData = this.newsData.sort((a, b) => a.id - b.id)
if (n === 1) {
this.newsData.push({
id: index,
title: item.name,
content: json === null ? '' : json[0].content,
image: item.image
})
this.newsData = this.newsData.sort((a, b) => a.id - b.id)
} else {
this.newsData2.push({
id: index,
title: item.name,
content: json === null ? '' : json[0].content,
image: item.image
})
this.newsData2 = this.newsData2.sort((a, b) => a.id - b.id)
}
}).catch(e => { this.$message.error(e.message) }).finally(() => {})
}
}
......
src/router/routes.js
浏览文件 @ 985bfe3e
......@@ -16,10 +16,6 @@ export default [
path: '/recruit', // 招生信息
component: () => import('@/pages/recruitInfo/index.vue')
},
{
path: '/careerDev', // 职业发展
component: () => import('@/pages/careerDev/index.vue')
},
{
path: '/presence', // 师生风采
component: () => import('@/pages/presence/index.vue')
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论