Skip to content

P
project-online-pc
提交 2cb7613a authored 作者: pengxiaohui's avatar pengxiaohui
浏览文件
操作

新建新项目mba

上级 70836a93
隐藏空白字符变更
内嵌 并排
正在显示 包含 3618 行增加 和 831 行删除
components/Head.vue
浏览文件 @ 2cb7613a
......@@ -5,8 +5,11 @@
<div class="max-width-content">
<div class="logo-box">
<img @click="goWebsite" src="http://zws-imgs-pub.oss-cn-beijing.aliyuncs.com/static/ezijing/logo/ezijing-logo.svg">
<div class="line"></div>
<app-link :item="{ path: '/' }">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/marywood_logo.svg">
<div class="title">
MBA
</div>
</app-link>
</div>
......@@ -89,14 +92,32 @@ li {
align-items: center;
.logo-box {
display: flex;
align-items: center;
justify-content: center;
img {
height: 55px;
cursor: pointer;
display: block;
&:nth-child(1){
margin-right: 20px;
&:nth-child(2) {
margin-left: 20px;
}
}
.line {
border-right: 1px solid #aa1941;
height: 26px;
width: 0;
margin-left: 20px;
}
.title {
font-size: 30px;
font-weight: 500;
color: #aa1941;
padding-left: 20px;
box-sizing: border-box;
white-space: nowrap;
word-wrap: normal;
word-break: keep-all;
}
}
.user {
margin-left: auto;
......
components/Menu.vue
浏览文件 @ 2cb7613a
......@@ -50,56 +50,93 @@ export default {
return {
navData: [
{
name: '项目介绍',
path: '/project-intro/bg',
name: '关于紫荆',
path: '/about-ezijing/introduce',
childern: [
{ name: '项目背景', path: '/project-intro/bg' },
{ name: '项目特色', path: '/project-intro/charac' },
{ name: '证书授予', path: '/project-intro/certificate' }
{ name: '紫荆简介', path: '/about-ezijing/introduce' },
{ name: '文化理念', path: '/about-ezijing/culture' },
{ name: '新闻中心', path: '/about-ezijing/news' },
{ name: '校长寄语', path: '/about-ezijing/message' },
{ name: '公开课', path: '/about-ezijing/lesson' },
{ name: '联系我们', path: '/about-ezijing/contact' }
]
},
{
name: '课程与师资',
path: '/about/course',
name: 'MBA',
path: '/mba/intro',
childern: [
{ name: '课程设置', path: '/about/course' },
{ name: '师资力量', path: '/about/teacher' }
{ name: '国际MBA', path: '/mba/intro' },
{ name: 'MBA师资', path: '/mba/teacher' },
{ name: 'MBA课程', path: '/mba/course' }
]
},
{
name: '最新动态',
path: '/news/hot',
name: '在职研究生',
path: '/master/intro',
childern: [
{ name: '热点新闻', path: '/news/hot' },
{ name: '教授采访', path: '/news/interview' }
{ name: '国际硕士', path: '/master/intro' },
{ name: '硕士师资', path: '/master/teacher' },
{ name: '硕士课程', path: '/master/course' }
]
},
// {
// name: '课程与师资',
// path: '/about/course',
// childern: [
// { name: '课程设置', path: '/about/course' },
// { name: '师资力量', path: '/about/teacher' }
// ]
// },
{
name: '招生信息',
path: '/apply/relevant',
name: '申请攻略',
path: '/apply/mba-strategy',
childern: [
{ name: '有关申请', path: '/apply/relevant' },
{ name: '费用资助', path: '/apply/support' },
{ name: '常见问题', path: '/apply/problem' }
{ name: 'MBA申请攻略', path: '/apply/mba-strategy' },
{ name: '在职研申请攻略', path: '/apply/master-strategy' }
]
},
{
name: '校友风采',
path: '/alumni/outstanding',
name: '校友专享',
path: '/alumni/sharing',
childern: [
{ name: '杰出校友', path: '/alumni/outstanding' },
{ name: '校友分享', path: '/alumni/sharing' }
{ name: '校友故事', path: '/alumni/sharing' },
{ name: '校友福利', path: '/alumni/outstanding' }
]
},
{
name: '报名申请',
onClick() {
!_this.user.id
? window.open('https://login.ezijing.com/auth/login/index?redirect_uri=https://marywood-bm.ezijing.com/my/account')
: window.open('https://marywood-bm.ezijing.com/my/account')
}
// path: ''
}
name: '最新动态',
path: '/news/hot',
childern: [
{ name: '热点新闻', path: '/news/hot' },
{ name: '教授采访', path: '/news/interview' }
]
},
// {
// name: '招生信息',
// path: '/apply/relevant',
// childern: [
// { name: '有关申请', path: '/apply/relevant' },
// { name: '费用资助', path: '/apply/support' },
// { name: '常见问题', path: '/apply/problem' }
// ]
// },
// {
// name: '校友风采',
// path: '/alumni/outstanding',
// childern: [
// { name: '杰出校友', path: '/alumni/outstanding' },
// { name: '校友分享', path: '/alumni/sharing' }
// ]
// },
// {
// name: '报名申请',
// onClick() {
// !_this.user.id
// ? window.open('https://login.ezijing.com/auth/login/index?redirect_uri=https://marywood-bm.ezijing.com/my/account')
// : window.open('https://marywood-bm.ezijing.com/my/account')
// }
// // path: ''
// }
],
time: null
}
......
components/about-ezijing/contact.vue 0 → 100644
浏览文件 @ 2cb7613a
<template>
<div class="contact-content-box">
<div id="allmap"></div>
<!-- <img src="https://zws-imgs-pub.ezijing.com/static/public/ae02f022dd9ab2ffec155b98a9c5f809.png" alt=""> -->
<div class="con-mian">
<div class="tit">{{ txt.lxTit }}</div>
<div class="info" v-html="txt.contactTxt"></div>
<div class="follow">
<div class="tits">{{ txt.follow }}</div>
<ul>
<li>
<img src="https://zws-imgs-pub.ezijing.com/static/public/5c4a58f1d41f786e7713a5a84069404d.png" alt="">
<div class="name">{{ txt.followCodeT1 }}</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/project/marywood/wb-code.png" alt="">
<div class="name">{{ txt.followCodeT2 }}</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/project/marywood/douyin-code.png" alt="">
<div class="name" style="margin-top:50px">{{ txt.followCodeT3 }}</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/project/marywood/xiaoet-code.png" alt="">
<div class="name">{{ txt.followCodeT4 }}</div>
</li>
</ul>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
txt: {
lxTit: '联系我们',
contactTxt: `地&nbsp;&nbsp;址：北京市海淀区中关村东路1号院清华科技园7号楼5层<br />
联系电话：010-62793909<br />
政企合作：010-62793271<br />
院校合作：010-62799201<br />
金融学学位事业部：010-62793299<br />
心理学学位事业部： 010-62790180<br />
校友会：010-62793389<br />
邮&nbsp;&nbsp;箱：service@ezijing.com`,
follow: '关注我们',
followCodeT1: '紫荆企业微信',
followCodeT2: '紫荆官方微博',
followCodeT3: '紫荆官方抖音',
followCodeT4: '微信视频号'
}
}
},
mounted() {
if(process.browser){
!function (mapInit) {
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "https://api.map.baidu.com/api?v=2.0&ak=Z9Km7UTGFI2fwRrpGp7Mji4ySDsvn30d&callback=mapinit";
window['mapinit'] = function () {
mapInit();
};
document.head.appendChild(script);
}(function () {
// 这里使用BMap
var map = new BMap.Map("allmap");
map.centerAndZoom(new BMap.Point(116.336323, 39.998848), 20);
map.enableScrollWheelZoom(true);
// 创建点标记
var marker1 = new BMap.Marker(new BMap.Point(116.336323, 39.998848));
map.addOverlay(marker1);
});
}
}
}
</script>
<style lang="scss" scoped>
#allmap{
// position: relative;
// z-index: 1;
width: 1000px;
height: 320px;
}
.contact-content-box{
position: relative;
z-index: -1;
width: 1000px;
padding-bottom: 100px;
img{
width: 100%;
display: block;
}
.con-mian{
background: #fff;
padding: 60px 75px 62px;
.tit{
font-size: 22px;
font-weight: 500;
line-height: 100%;
}
.info{
font-size: 16px;
line-height: 32px;
color: #333333;
margin-top: 20px;
}
.follow{
padding-top: 97px;
.tits{
font-size: 22px;
font-weight: 500;
line-height: 100%;
color: #333333;
margin-bottom: 30px;
}
ul{
display: flex;
li{
width: 130px;
margin-right: 80px;
img{
display: block;
width: 100%;
}
.name{
font-size: 16px;
margin-top: 22px;
text-align: center;
color: #666666;
}
}
}
}
}
}
</style>
components/about-ezijing/culture.vue 0 → 100644
浏览文件 @ 2cb7613a
<template>
<div class="culture-content-box">
<div class="video-box">
<video
src="https://webapp-pub.ezijing.com/www/pc/%E7%B4%AB%E8%8D%86%E5%AE%A3%E4%BC%A0%E7%89%8720201224.mp4"
width=""
height=""
controls="controls"
preload="none"
></video>
</div>
<div class="honor-content">
<div class="tit">{{ txt.title }}</div>
<ul>
<li>
<div class="tits">{{ txt.item1H1 }}</div>
<div class="h2">{{ txt.item1H2 }}</div>
<div class="txts">
<div class="p" v-html="txt.item1Txt"></div>
</div>
</li>
<li>
<div class="tits">{{ txt.item2H1 }}</div>
<div class="h2">{{ txt.item2H2 }}</div>
<div class="txts">
<div class="p" v-html="txt.item2Txt"></div>
</div>
</li>
<li>
<div class="tits">{{ txt.item3H1 }}</div>
<div class="h2">{{ txt.item3H2 }}</div>
<div class="txts">
<div class="p" v-html="txt.item3Txt"></div>
</div>
</li>
<li>
<div class="tits">{{ txt.item4H1 }}</div>
<div class="h2">{{ txt.item4H2 }}</div>
<div class="txts">
<div class="p" v-html="txt.item4Txt"></div>
</div>
</li>
</ul>
<!-- <ul>
<li>
<div class="flex">
<img src="https://zws-imgs-pub.ezijing.com/static/public/9f22659632f43c0b1bb93d6adf49bd4c.png" alt="" />
<div class="text">
2015年<br />
将五道口金融学院<br />
在线教育中心商业化<br />
成立清控紫荆教育
</div>
</div>
<div class="flex">
<img src="https://zws-imgs-pub.ezijing.com/static/public/48b2ab5dfc414d3f6c8500e8328f6b28.png" alt="" />
<div class="text">
2015年9月<br />
签约索菲亚大学推出<br />
在线MBA学位项目
</div>
</div>
</li>
<li>
<div class="flex">
<img src="https://zws-imgs-pub.ezijing.com/static/public/a37b13b8fa98ee448850bbb32a5fcd2f.png" alt="" />
<div class="text">
行业技术优秀服务商<br />
——在线教育资讯网
</div>
</div>
<div class="flex">
<img src="https://zws-imgs-pub.ezijing.com/static/public/00cdb23e91efa803bb711058e251e962.png" alt="" />
<div class="text">
综合实力突出教育集团<br />
——中国教育网
</div>
</div>
</li>
<li>
<div class="flex">
<img src="https://zws-imgs-pub.ezijing.com/static/public/5fdb3a042efcb0f8fb0eea8d4376eacc.png" alt="" />
<div class="text">
年度城市教育行业<br />
影响力机构<br />
——巨量引擎
</div>
</div>
</li>
</ul> -->
</div>
</div>
</template>
<script>
export default {
data() {
return {
txt: {
title: '文化理念',
item1H1: '使命',
item1H2: '让每个人都有改变的能力',
item1Txt: `优质教育是一个稀缺资源，优质的教育能够赋予学子优秀的能力。紫荆教育立志于此，整合国际优质教育资源，让每一个愿意奋斗与学习的学子，都能享受到优质教育资源，同时获得优秀的能力。<br />
让每个人都有改变的能力，作为紫荆教育的使命，立志于通过教育，赋予每一个学子获得改变的力量，通过改变，赢取未来竞争的主动。`,
item2H1: '愿景',
item2H2: '成为世界一流的终身教育机构',
item2Txt: `“世界一流的终身教育机构”是紫荆教育在未来5-10年的发展愿景，成为世界一流的终身教育机构，并以一流的教育资源。<br />
让每一个人都能享受到世界一流的教育成果，让每一个人在人生阶段的每个关键时刻都能获得应有的能力，让每一个人在紫荆教育都能享受到终身的学习与成长，并终身受益。`,
item3H1: '理念',
item3H2: '真⼼实意做教育',
item3Txt: `紫荆教育不断完善教学教务服务，严格要求每一个环节，真心实意对待每一个学生。紫荆教育不断增强课程研发、专业师资、技术平台、学术建设等核心能力，以满足院校的教学运营需求，真心实意对待每一所合作院校。<br />
紫荆教育不断加强企业、院校之间的联系，实现科学对接招聘要求，合理进行岗位匹配，最终促进人才资源的合理配置，真心实意对待合作企业。<br />
紫荆教育，是一家真正做教育，给学员、企业、学校提供真正价值的终身教育机构，最终实现学员、院校、企业三方的共同成长。`,
item4H1: '价值观',
item4H2: '诚信务实、开放创新、追求结果',
item4Txt: `紫荆教育坚持做人言行一致，做事诚实无欺，坚持诚信务实是立企之本、发展之基。<br />
同时，坚持客户需求导向，开放创新、勇于开拓、不断进取，永远保持对专业的追求和精进。<br />
以结果为导向，既是紫荆教育提供了衡量内聚力的尺度，也是对紫荆学员教育服务的责任要求。`
}
}
}
}
</script>
<style lang="scss" scoped>
.culture-content-box {
width: 1000px;
padding-bottom: 100px;
img {
width: 100%;
display: block;
}
.video-box {
width: 1000px;
height: 552px;
background: #aa1941;
padding: 25px 50px;
box-sizing: border-box;
video {
width: 100%;
height: 100%;
}
}
.honor-content {
padding: 50px 90px 20px;
background: #fff;
.tit {
font-size: 22px;
font-weight: 500;
line-height: 100%;
color: #424242;
margin-bottom: 30px;
}
ul{
display: flex;
flex-wrap: wrap;
li{
margin-right: 70px;
width: 370px;
min-height: 430px;
margin-top: 30px;
&:nth-child(even){
margin-right: 0;
}
.tits{
font-size: 22px;
font-weight: bold;
line-height: 100%;
color: #424242;
margin-bottom: 12px;
}
.h2{
height: 46px;
line-height: 100%;
border-bottom: 1px solid #98002E;
font-size: 20px;
line-height: 100%;
color: #424242;
}
.txts{
padding-top: 18px;
.p{
font-size: 16px;
line-height: 34px;
color: #424242;
}
}
}
}
// ul {
// li {
// display: flex;
// justify-content: space-between;
// margin-bottom: 80px;
// .flex {
// align-items: center;
// display: flex;
// }
// img {
// width: 211px;
// display: block;
// }
// .text {
// font-size: 16px;
// font-weight: 300;
// line-height: 32px;
// color: #424242;
// margin-left: 38px;
// }
// }
// }
}
}
</style>
\ No newline at end of file
components/about-ezijing/introduce.vue 0 → 100644
浏览文件 @ 2cb7613a
<template>
<div class="intr-content-box">
<img src="https://webapp-pub.ezijing.com/www/pc/home/banner.png" alt="" />
<div class="text-content">
<div class="title">{{ txt.title }}</div>
<div class="text-intr" v-html="txt.text"></div>
<div class="garish-content">
<div class="flex-box">
<div class="li w184">
<div class="col-txt">
12<span>{{ txt.unit1 }}</span>
</div>
<div class="n-txt">{{ txt.itemText1 }}</div>
</div>
<div class="li w180">
<div class="col-txt">
522<span>{{ txt.unit2 }}</span>
</div>
<div class="n-txt">{{ txt.itemText2 }}</div>
</div>
<div class="li w249">
<div class="col-txt">600<span>+</span></div>
<div class="n-txt">{{ txt.itemText3 }}</div>
</div>
<div class="li w186">
<div class="col-txt">700<span>+</span></div>
<div class="n-txt">{{ txt.itemText4 }}</div>
</div>
</div>
<div class="flex-box mar-t-35">
<div class="li w188">
<div class="col-txt">1000<span>+</span></div>
<div class="n-txt">{{ txt.itemText5 }}</div>
</div>
<div class="li w180">
<div class="col-txt">4800<span>+</span></div>
<div class="n-txt">{{ txt.itemText6 }}</div>
</div>
<div class="li w249">
<div class="col-txt">6000<span>+</span></div>
<div class="n-txt">{{ txt.itemText7 }}</div>
</div>
<div class="li w186">
<div class="col-txt">
<span class="unit3Text">{{ txt.unit3Text }}</span
><span>{{ txt.unit3 }}+</span>
</div>
<div class="n-txt">{{ txt.itemText8 }}</div>
</div>
</div>
</div>
<div class="tab-content">
<div class="tab-nav">
<div :class="indexActive === 0 ? 'li active' : 'li'" @click="changeIndex(0)">
<div class="t1">{{ txt.tabBtn1Tit }}</div>
<div class="t2" v-html="txt.tabBtn1Txt"></div>
</div>
<div :class="indexActive === 1 ? 'li active' : 'li'" @click="changeIndex(1)">
<div class="t1">{{ txt.tabBtn2Tit }}</div>
<div class="t2" v-html="txt.tabBtn2Txt"></div>
</div>
<div :class="indexActive === 2 ? 'li active' : 'li'" @click="changeIndex(2)">
<div class="t1">{{ txt.tabBtn3Tit }}</div>
<div class="t2" v-html="txt.tabBtn3Txt"></div>
</div>
</div>
<div class="tab-con" v-if="indexActive === 0" v-html="txt.tabCon1"></div>
<div class="tab-con tab-con2" v-if="indexActive === 1" v-html="txt.tabCon2"></div>
<div class="tab-con tab-con3" v-if="indexActive === 2" v-html="txt.tabCon3"></div>
</div>
</div>
</div>
</template>
<script>
export default {
components: {},
data() {
return {
indexActive: 0,
txt: {
title: '紫荆简介',
text:
'紫荆教育全称是清控紫荆（北京）教育科技股份有限公司，由清华控股有限公司于2015年以清华大学五道口金融学院相关知识产权创设而成。“紫荆”二字取自清华大学校花“紫荆花”，寓意“自强不息，向美而行”。<br />紫荆教育以教育为本、以科技赋能、以专业化为基础、以国际化为目标，通过研发和应用领先的教育科技，链接全球先进、前沿教育资源，提供高端国际学位教育、职业教育和在线教育解决方案，为我国培养具有国际化视野和全球化思维的复合型和产业型高质量人才。<br />紫荆教育与美国印第安纳大学、加州整合大学、康博斯维尔大学、玛丽伍德大学、索菲亚大学和瑞士高等教育集团等全球知名大学开展深度合作，推出在线MBA、金融学、组织领导力、应用心理学、儿童教育、服务业管理等硕士学位，培养了一大批具有国际先进管理和教育理念的杰出精英。<br />在产教融合方面，依托紫荆教育技术与产业资源优势，以国家教育政策为导向，以企业岗位人才需求为目标，协助院校应对行业变革、政策要求和办学新挑战，为院校提供产业化、国际化、数字化专业提升建设支持，优化人才培养方案，提升师资力量，共同开发精品课程资源，促进教学发展，整体提升专业建设水平，助力院校打造专业特色和优势。',
itemText1: '国际合作院校',
itemText2: '线上课程',
itemText3: '金融机构/协会/政府/学校',
itemText4: '国内外师资团队',
itemText5: '学术直播课',
itemText6: '总研发课时',
itemText7: '学位学员',
itemText8: '人次学习',
unit1: '所',
unit2: '门',
unit3Text: '500',
unit3: '万',
tabBtn1Tit: '专业化',
tabBtn2Tit: '科技化',
tabBtn3Tit: '国际化',
tabBtn1Txt: '长期思维&nbsp;&nbsp;严谨治学',
tabBtn2Txt: '源自清华&nbsp;&nbsp;持续投入',
tabBtn3Txt: '放眼全球&nbsp;&nbsp;国际合作',
tabCon1: `<span>9</span>年深耕教育产业，完善的教学管理体系和内控体系 ; <br />
<span>12</span>所国际合作大学，<span>16</span>个国际学位项目，互认学分 ; <br />
<span>600+</span>金融机构政府、协会等合作单位 ; <br />
<span>50+</span>课程研发人员，<span>700+</span>师资团队，<span>4800+</span>总研发课时。`,
tabCon2: `源自清华，持续投入<span>50+</span>技术研发团队，<span>1亿+</span>累计研发投入 ;<br />
<span>500万+</span>总学习人次，<span>24</span>小时在线 ;<br />
<span>1000+</span>次直播，<span>10000+</span>题库 ;<br />
大数据智能学习分析、作业评判、智能化营销数据分配。<br />`,
tabCon3: `<span>AACSB、EQUIS、MSCHE、ACE、HLC、WASC</span>等认证;<br />
<span>30</span>余位哈佛、清华、哥伦比亚等国际一流大学人才组成的国际化团队 ;<br />
<span>40%</span>员工有研究生学历 ;<br />
<span>5</span>大洲<span>16</span>个国家/地区国际校友网络，覆盖全国380+省、市、自治区及行政特区。`
}
}
},
methods: {
changeIndex(n) {
this.indexActive = n
}
}
}
</script>
<style lang="scss" scoped>
.intr-content-box {
width: 1000px;
padding-bottom: 100px;
img {
width: 100%;
display: block;
}
.text-content {
padding: 50px 64px 81px;
box-sizing: border-box;
background: #fff;
.title {
font-size: 22px;
font-weight: 500;
color: #424242;
margin-bottom: 15px;
}
.text-intr {
font-size: 16px;
line-height: 32px;
color: #424242;
}
}
.garish-content {
padding-top: 66px;
.flex-box {
display: flex;
width: 800px;
margin: 0 auto;
&.mar-t-35 {
padding-top: 35px;
}
.li {
box-sizing: border-box;
padding-top: 6px;
// height: 70px;
border-right: 1px solid #c3c3c3;
&:last-child {
border: none;
}
.col-txt {
font-size: 36px;
font-weight: 500;
line-height: 30px;
color: #aa1941;
text-align: center;
.unit3Text {
font-size: 36px;
}
span {
font-size: 24px;
}
}
.n-txt {
font-size: 16px;
font-family: auto;
// line-height: 34px;
text-align: center;
color: #666666;
}
&.w184 {
width: 184px;
}
&.w180 {
width: 180px;
}
&.w249 {
width: 249px;
}
&.w186 {
width: 186px;
}
&.w188 {
width: 188px;
}
}
}
}
.tab-content {
padding-top: 80px;
.tab-nav {
display: flex;
justify-content: space-between;
.li {
width: 280px;
height: 150px;
box-sizing: border-box;
padding-top: 38px;
background: #fbfbfb;
// margin-right: 16px;
cursor: pointer;
&.active {
background: #ffffff;
box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.06);
position: relative;
&::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 8px;
background: #aa1941;
}
}
.t1 {
text-align: center;
line-height: 100%;
font-size: 24px;
font-weight: 500;
color: #aa1941;
}
.t2 {
font-size: 20px;
line-height: 100%;
color: #424242;
margin-top: 16px;
text-align: center;
font-family: auto;
}
}
}
.tab-con {
width: 872px;
background: #ffffff;
box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.06);
box-sizing: border-box;
padding: 20px 48px;
margin-top: 40px;
position: relative;
font-size: 16px;
font-weight: 400;
line-height: 40px;
color: #333333;
::v-deep {
span {
color: rgba(170, 25, 65, 1);
font-size: 28px;
font-weight: bold;
}
}
&.tab-con2 {
&::after {
top: -15px;
left: 50%;
transform: translateX(-50%);
}
}
&.tab-con3 {
&::after {
top: -15px;
left: auto;
right: 140px;
}
}
&::after {
content: '';
position: absolute;
top: -15px;
left: 140px;
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 15px solid #fff;
}
}
}
}
</style>
components/about-ezijing/newList.vue 0 → 100644
浏览文件 @ 2cb7613a
<template>
<div class="news-content-box">
<img src="https://webapp-pub.ezijing.com/www/pc/news/news.png" class="banner" />
<ul class="list-content">
<template v-for="(item, index) in listData">
<li :key="index">
<app-link :item="{ news: { data: item, path: '/about-ezijing/news' } }">
<img :src="item.web_img_uri" alt="" />
<div class="right-con">
<div class="time">{{ formatDate(item.start_time) }}</div>
<div class="title">{{ item.title }}</div>
<div class="text">{{ item.abstract }}</div>
</div>
</app-link>
</li>
</template>
</ul>
<div class="pages-box">
<el-pagination layout="prev, pager, next" @current-change="handleCurrentChange" :page-size="limit" :total="total">
</el-pagination>
</div>
</div>
</template>
<script>
import appLink from '@/components/Link'
export default {
props: {
type: {
type: String,
default: 'article_news'
}
},
components: { appLink },
data() {
return {
listData: [],
currentPaeg: 1,
total: 0,
limit: 10
}
},
async fetch() {
const params = {
// project_id: process.env.projectId,
project_id: '6800242743894343680',
type_tag: this.type,
page: this.currentPaeg,
limit: 10
}
this.listData = await this.$axios.get('/api/cms/api/v1/articles', { params }).then(res => {
this.total = res.data.total
return res.data.data
})
},
methods: {
handleCurrentChange(num) {
this.initData(num)
},
initData(num) {
const params = {
// project_id: process.env.projectId,
project_id: '6800242743894343680',
type_tag: this.$route.query.type || 'article_news',
page: num,
limit: 10
}
this.listData = this.$axios.get('/api/cms/api/v1/articles', { params }).then(res => {
this.total = parseInt(res.data.total)
this.listData = res.data.data
})
},
formatDate(value) {
const date = new Date(value * 1000)
return date.getFullYear() + '/' + (date.getMonth() + 1) + '/' + date.getDate()
}
}
}
</script>
<style lang="scss" scoped>
.news-content-box {
width: 1000px;
padding-bottom: 100px;
display: block;
.banner {
width: 100%;
display: block;
}
.list-content {
width: 1000px;
padding: 50px;
background: #fff;
li {
border-bottom: 1px solid #e6e6e6;
margin-bottom: 20px;
padding-bottom: 36px;
cursor: pointer;
::v-deep a {
display: flex;
flex-wrap: wrap;
height: fit-content;
}
&:hover {
.right-con {
background: rgba(241, 241, 241, 0.6);
.text {
color: #141414;
}
}
}
img {
width: 320px;
height: 100%;
display: block;
}
.right-con {
width: 550px;
margin-left: 15px;
padding-left: 15px;
.time {
font-size: 16px;
font-weight: 300;
line-height: 100%;
color: #aa1941;
// padding-top: 13px;
}
.title {
font-size: 22px;
font-weight: bold;
line-height: 32px;
color: #141414;
margin-top: 10px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.text {
font-size: 14px;
font-weight: 300;
line-height: 24px;
color: #666666;
margin-top: 15px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
}
}
}
.pages-box {
display: flex;
padding-bottom: 50px;
background: #fff;
justify-content: center;
}
}
</style>
components/about-ezijing/tabNav.vue 0 → 100644
浏览文件 @ 2cb7613a
<template>
<ul class="tab-content">
<li
v-for="(item, index) in dataNav"
:class="item.pathActive.findIndex(path => {
return $route.path.includes(path)
}) !== -1 && 'active'"
:key="index"
@click="goPage(item.goPath)"
>
{{ item.name }}
</li>
</ul>
</template>
<script>
export default {
data() {
return {
dataNav: [
{
name: '紫荆简介',
goPath: '/about-ezijing/introduce',
pathActive: ['/about-ezijing/introduce']
},
{
name: '文化理念',
goPath: '/about-ezijing/culture',
pathActive: ['/about-ezijing/culture']
},
{
name: '新闻中心',
goPath: '/about-ezijing/news',
pathActive: ['/about-ezijing/news', '/about-ezijing/news-detail']
},
{
name: '校长寄语',
goPath: '/about-ezijing/message',
pathActive: ['/about-ezijing/message', '/about-ezijing/message-detail']
},
{
name: '公开课',
goPath: '/about-ezijing/lesson',
pathActive: ['/about-ezijing/lesson', '/about-ezijing/lesson-detail']
},
{
name: '联系我们',
goPath: '/about-ezijing/contact',
pathActive: ['/about-ezijing/contact']
}
// {
// name: '招聘信息',
// goPath: '',
// pathActive: ['']
// }
]
}
},
mounted() {
},
methods: {
goPage(path) {
this.$router.push({
path: path
})
}
}
}
</script>
<style lang="scss" scoped>
.tab-content{
width: 160px;
// height: 420px;
height: fit-content;
background: #fff;
padding-top: 35px;
padding-bottom: 43px;
li{
position: relative;
width: 100%;
font-size: 22px;
line-height: 40px;
text-align: center;
color: #777777;
margin-bottom: 60px;
cursor: pointer;
&:last-child{
margin: 0;
}
&.active{
color: rgba(170, 25, 65, 1);
&::after{
content: '';
width: 8px;
height: 40px;
background: rgba(170, 25, 65, 1);
position: absolute;
top: 0;
left: 0;
}
}
}
}
</style>
\ No newline at end of file
components/home/openClass.vue → components/home/alumniStories.vue
浏览文件 @ 2cb7613a
<template>
<div class="alumni-content max-width">
<m-title :data="titleParams" class="m-title" />
<div class="swiper-content" @mouseenter="swiperStop" @mouseleave="swiperStart">
<div class="alumni-content">
<div :class="isScale ? 'title-content max-width scale' : 'title-content max-width'">
<div class="left-title">
<div class="line"></div>
<div class="text">校友故事</div>
</div>
<div class="right-text" @click="$router.push({ path: '/alumnus/story' })">
查看更多+
</div>
</div>
<div :class="isScale ? 'small-tit max-width scale' : 'small-tit max-width'">You are What you together，结识6000+ 同样优秀的人！</div>
<div class="swiper-content" @mouseenter="swiperStop" @mouseleave="swiperStart">
<div v-swiper:mySwiper="swiperOption" ref="mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item, index) in listData" :key="index">
<app-link :item="{ news: { data: item, path: '/news/hot' } }">
<img :src="item.web_img_uri" />
<app-link :item="{
news: {
data: item,
path: '/alumnus/story'
}
}">
<img :src="item.web_img_uri">
<div class="text">{{ item.title }}</div>
</app-link>
</div>
......@@ -16,23 +30,16 @@
</div>
</template>
<script>
import mTitle from '@/components/home/moduleTitle'
import AppLink from '@/components/Link'
import appLink from '@/components/Link'
export default {
name: 'openClass',
components: {
mTitle,
AppLink
appLink
},
data() {
data () {
const _this = this
return {
titleParams: {
name: '公开课'
},
isScale: false,
listData: [],
// 轮播图配置信息, 更多请参考 swiper.js 中文网，上面很详细。
swiperOption: {
observer: true,
observeParents: true,
......@@ -40,7 +47,7 @@ export default {
autoplay: true,
delay: 3000,
loop: true,
slidesPerView: 3,
slidesPerView: 'auto',
centeredSlides: true,
spaceBetween: 20,
on: {
......@@ -52,18 +59,18 @@ export default {
}
},
async fetch() {
const params = { project_id: process.env.newProjectId, type_tag: 'article_publish_class' }
this.listData = await this.$axios.get('/api/cms/api/v1/articles', { params }).then(res => res.data.data)
const params = {
// project_id: process.env.projectId,
project_id: '6800242743894343680',
type_tag: 'article_alumni'
}
this.listData = await this.$axios.get('/api/cms/api/v1/articles', { params }).then(res => {
return res.data.data
})
},
computed: {
swiper() {
return this.$refs.mySwiper.swiper
}
},
created() {},
mounted() {
if (document.documentElement.clientWidth < 1400) {
// this.isScale = true
return this.$refs.mySwiper.swiper;
}
},
methods: {
......@@ -72,27 +79,40 @@ export default {
},
swiperStart() {
this.swiper.autoplay.start()
},
goPage(item) {
if (item.source === '') {
this.$router.push({
path: '/about/news-detail',
query: {
id: item.id
}
})
} else {
window.open(item.source)
}
}
}
}
</script>
<style lang="scss" scoped>
.max-width {
.max-width{
width: 1200px;
margin: 0 auto;
}
.alumni-content {
.alumni-content{
min-width: 1200px;
padding-top: 89px;
.title-content {
.title-content{
display: flex;
.left-title {
.left-title{
display: flex;
.line {
.line{
width: 6px;
height: 34px;
background: #aa1941;
background: #AA1941;
}
.text {
.text{
font-size: 34px;
font-weight: bold;
line-height: 34px;
......@@ -100,51 +120,65 @@ export default {
margin-left: 9px;
}
}
.right-text{
margin-left: auto;
margin-top: 18px;
font-size: 16px;
font-weight: 300;
line-height: 34px;
color: #9B9B9B;
cursor: pointer;
}
}
.small-tit {
.small-tit{
font-size: 24px;
font-weight: bold;
line-height: 34px;
color: #424242;
margin-top: 12px;
}
.swiper-content {
.swiper-content{
padding-top: 37px;
// overflow: auto;
// width: 100%;
.swiper-slide {
.swiper-slide{
position: relative;
width: 360px;
height: 230px;
width: 388px;
height: 244px;
margin-top: 10px;
.text {
.text{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 40px;
line-height: 40px;
background: rgba(0, 0, 0, 0.5);
background: rgba(0,0,0,0.5);
padding: 0 20px;
box-sizing: border-box;
font-size: 20px;
color: #fefefe;
color: #FEFEFE;
overflow: hidden;
text-overflow: ellipsis;
text-overflow:ellipsis;
white-space: nowrap;
}
img {
img{
width: 100%;
height: 100%;
}
}
.swiper-slide-active {
width: 438px;
height: 246px;
width: 423px;
height: 266px;
margin-top: 0;
img{
width: 100%;
height: 100%;
display: block;
}
}
}
}
.scale {
.scale{
transform: scale(0.85);
}
</style>
components/home/commonProblem.vue deleted 100644 → 0
浏览文件 @ 70836a93
<template>
<div class="common-content-box">
<m-title :data="titleParams" class="m-title"/>
<div class="content-mian">
<app-link :item="{ path: '/apply/problem' }">
<div class="list-box">
<ul>
<li>
<div class="icon"></div>
<div class="text">本项目毕业生颁发的学位证书与在美国颁发的证书有何不同？</div>
</li>
<li>
<div class="icon"></div>
<div class="text">本项目上课形式是怎么样？</div>
</li>
<li>
<div class="icon"></div>
<div class="text">本项目学制多久？</div>
</li>
<li>
<div class="icon"></div>
<div class="text">能否顺利毕业拿到证书呢？</div>
</li>
<li>
<div class="icon"></div>
<div class="text">本项目是在职还是全职？</div>
</li>
</ul>
<ul>
<li>
<div class="icon"></div>
<div class="text">如何申请紫荆-玛丽伍德工商管理硕士(MBA)学位项目？</div>
</li>
<li>
<div class="icon"></div>
<div class="text">大概流程是什么？</div>
</li>
<li>
<div class="icon"></div>
<div class="text">需要提交哪些材料？</div>
</li>
<li>
<div class="icon"></div>
<div class="text">玛丽伍德工商管理硕士(MBA)学位项目的学费是多少？</div>
</li>
<li>
<div class="icon"></div>
<div class="text">学费可以分期吗？</div>
</li>
</ul>
</div>
</app-link>
<div class="msg-box">
<el-input
type="textarea"
placeholder="请输入内容"
v-model="textarea">
</el-input>
<div class="btn">在线留言</div>
</div>
</div>
</div>
</template>
<script>
import mTitle from '@/components/home/moduleTitle'
import AppLink from '@/components/Link'
export default {
name: 'commonProblem',
components: {
mTitle,
AppLink
},
data () {
return {
titleParams: {
name: '常见问题',
more: {
path: '/apply/problem'
}
},
textarea: ''
}
}
}
</script>
<style lang="scss" scoped>
.common-content-box{
width: 1200px;
margin: 0 auto;
padding-top: 77px;
.content-mian{
padding-top: 50px;
.msg-box{
padding-top: 40px;
box-sizing: border-box;
height: 56px;
display: flex;
align-items: center;
justify-content: space-between;
::v-deep{
.el-textarea__inner{
background: none;
resize:none;
}
}
.btn{
width: 136px;
height: 36px;
background: #AA1941;
opacity: 1;
border-radius: 4px;
font-size: 18px;
line-height: 36px;
text-align: center;
color: #FFFFFF;
margin-left: 57px;
cursor: pointer;
}
}
.list-box{
display: flex;
justify-content: space-between;
ul{
&:nth-child(2){
margin-left: 8px;
}
li{
display: flex;
align-items: center;
width: 600px;
height: 25px;
margin-bottom: 10px;
cursor: pointer;
&:nth-child(even){
.text{
background: none;
}
}
.icon{
width: 7px;
height: 7px;
background: #AA1941;
border-radius: 50%;
}
.text{
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
font-size: 14px;
line-height: 25px;
color: #666666;
padding-left: 4px;
width: 570px;
background: rgba(153, 153, 153, .2);
margin-left: 15px;
}
}
}
}
}
}
</style>
\ No newline at end of file
components/home/headmasterMsg.vue 0 → 100644
浏览文件 @ 2cb7613a
<template>
<div class="msg-content">
<div class="title-content">
<div class="left-title">
<div class="line"></div>
<div class="text">校长寄语</div>
</div>
<div class="right-text" @click="$router.push({ path: '/about/message', query: { type: 'img_text_school' } })">
查看更多+
</div>
</div>
<div class="swiper-content">
<div v-swiper:mySwiper="swiperOption" ref="mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item, index) in listData" :key="index">
<app-link :item="{ news: { data: item, path: '/about/message' } }">
<img :src="item.web_img_uri">
</app-link>
</div>
</div>
<div class="swiper-pagination swiper-pagination-bullets"></div>
</div>
</div>
<text-swiper v-if="isShowSwiper" :listData="listData" @slideTo="handleSlideTo" />
</div>
</template>
<script>
import appLink from '@/components/Link'
import textSwiper from './textSwiper.vue'
export default {
components: {
appLink,
textSwiper
},
data() {
const that = this
return {
listData: [],
swiperOption: {
speed: 400,
autoplay: false,
delay: 3000,
loop: false,
// pagination: {
// el: '.swiper-pagination',
// clickable: true
// },
// direction: 'vertical',
height: 500
// autoHeight: true
},
isShowSwiper: false
}
},
async fetch() {
const params = {
// project_id: process.env.projectId,
project_id: '6800242743894343680',
type_tag: 'img_text_school'
}
this.listData = await this.$axios.get('/api/cms/api/v1/articles', { params }).then(res => {
this.isShowSwiper = false
setTimeout(() => {
this.isShowSwiper = true
},300)
return res.data.data
})
},
computed: {
// swiper() {
// return this.$refs.mySwiper.swiper;
// }
},
mounted() {
this.isShowSwiper = false
setTimeout(() => {
this.isShowSwiper = true
},300)
},
methods: {
handleSlideTo(index) {
this.$refs.mySwiper.swiper.slideTo(index)
}
}
}
</script>
<style lang="scss" scoped>
.msg-content{
padding-top: 90px;
width: 1200px;
margin: 0 auto;
.title-content{
display: flex;
.left-title{
display: flex;
.line{
width: 6px;
height: 34px;
background: #AA1941;
}
.text{
font-size: 34px;
font-weight: bold;
line-height: 34px;
color: #424242;
margin-left: 9px;
}
}
.right-text{
margin-left: auto;
margin-top: 18px;
font-size: 16px;
font-weight: 300;
line-height: 34px;
color: #9B9B9B;
cursor: pointer;
}
}
.swiper-content{
height: 500px;
margin-top: 15px;
overflow: hidden;
img{
width: 100%;
height: 520px;
display: block;
}
::v-deep{
.swiper-pagination-bullets{
right: 34px !important;
}
.swiper-pagination-bullet{
width: 6px;
height: 6px;
border-radius: 100%;
border: 1px solid #fff;
box-sizing: border-box;
background: none;
opacity: 1;
margin: 10px 0;
}
.swiper-pagination-bullet-active{
width: 6px;
height: 31px;
border-radius: 25px;
background: #fff;
}
}
}
}
</style>
\ No newline at end of file
components/home/news.vue
浏览文件 @ 2cb7613a
......@@ -58,7 +58,7 @@ export default {
methods: {
formatDate(value) {
const date = new Date(value * 1000)
console.log(date.getMonth())
// console.log(date.getMonth())
return date.getFullYear() + '/' + (date.getMonth() + 1) + '/' + date.getDate()
}
}
......
components/home/presence.vue deleted 100644 → 0
浏览文件 @ 70836a93
<template>
<div class="presence-content-box">
<m-title :data="titleParams" class="m-title" />
<div class="content-mian">
<div class="banner-box" @mouseenter="swiperStop" @mouseleave="swiperStart">
<div v-swiper:mySwiper="swiperOption" ref="mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item, index) in listData" :key="index">
<app-link :item="{ news: { data: item, path: '/news/hot' } }">
<img :src="item.web_img_uri" />
</app-link>
</div>
</div>
<div class="swiper-pagination swiper-pagination-bullets"></div>
</div>
</div>
<div class="enroll-box">
<div class="left-content">
<div class="tit">提交申请<br />免费领取试听课程</div>
<div class="tips">温馨提示：仅本科及以上学历可报名</div>
</div>
<div class="right-content">
<div class="li">
<el-select v-model="form.years" placeholder="请选择工作年限">
<el-option v-for="item in yearsOptions" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</div>
<div class="li">
<el-select v-model="form.degree" placeholder="请选择学历/学位">
<el-option v-for="item in degreeOptions" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</div>
<div class="li">
<el-input v-model="form.name" placeholder="输入您的姓名"></el-input>
</div>
<div class="li">
<el-input v-model="form.phone" placeholder="输入您的手机号"></el-input>
</div>
<div class="btn" @click="submit">立即提交</div>
</div>
</div>
</div>
</div>
</template>
<script>
import mTitle from '@/components/home/moduleTitle'
import AppLink from '@/components/Link'
import { postNes } from '@/api'
export default {
name: 'presence',
components: {
mTitle,
AppLink
},
data() {
return {
yearsOptions: [
{
value: '0~2',
label: '0-2年'
},
{
value: '3~5',
label: '3-5年'
},
{
value: '5~10',
label: '5-10年'
},
{
value: '10+',
label: '10年及以上'
}
],
degreeOptions: [
{
value: '2',
label: '普通本科'
},
{
value: '3',
label: '本科/学士'
},
{
value: '5',
label: '硕士'
},
{
value: '7',
label: '博士'
}
],
form: {
years: '',
degree: '',
name: '',
phone: '',
// channel: 19960,
project_id: process.env.newProjectId
},
value: '',
titleParams: {
name: '师生风采',
more: {
path: '/alumni/sharing'
}
},
listData: [],
swiperOption: {
speed: 400,
// autoplay: true,
delay: 3000,
loop: true,
pagination: {
el: '.swiper-pagination',
clickable: true
},
direction: 'vertical',
height: 500
// autoHeight: true
}
}
},
async fetch() {
const params = { project_id: process.env.newProjectId, type_tag: 'kelley_alumni_share' }
this.listData = await this.$axios.get('/api/cms/api/v1/articles', { params }).then(res => res.data.data)
},
computed: {
swiper() {
return this.$refs.mySwiper.swiper
}
},
mounted() {},
methods: {
submit() {
const findNull = Object.values(this.form).findIndex(item => {
return item === ''
})
if (findNull !== -1) {
this.$message('请完善信息')
return
} else {
const MOBILE_REG = /^1(3[0-9]|4[01456879]|5[0-35-9]|6[2567]|7[0-8]|8[0-9]|9[0-35-9])\d{8}$/
if (!MOBILE_REG.test(this.form.phone)) {
this.$message('手机号格式错误')
return
}
}
postNes(this.form)
.then(res => {
if (res && res.status === 200) {
this.$message({
type: 'success',
message: '提交成功'
})
} else {
this.$message.error('提交失败')
}
})
.catch(() => {})
},
swiperStop() {
this.swiper.autoplay.stop()
},
swiperStart() {
this.swiper.autoplay.start()
}
}
}
</script>
<style lang="scss" scoped>
.presence-content-box {
padding-top: 80px;
.m-title {
width: 1200px;
margin: 0 auto;
}
.content-mian {
padding-top: 24px;
.banner-box {
height: 500px;
overflow: hidden;
img {
width: 100%;
height: 520px;
display: block;
}
}
.enroll-box {
width: 1200px;
height: 540px;
margin: 80px auto 0;
background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/home-ssfc-bg.png);
background-size: 100% 100%;
display: flex;
justify-content: space-between;
.left-content {
width: 592px;
height: 223px;
background: rgba(170, 25, 65, 0.63);
box-shadow: 0px 0px 122px rgba(0, 0, 0, 0.07);
margin-top: 127px;
.tit {
font-size: 48px;
font-weight: bold;
line-height: 58px;
color: #ffffff;
text-align: center;
margin-top: 30px;
}
.tips {
font-size: 14px;
line-height: 100%;
color: #ffffff;
margin-top: 30px;
text-align: center;
}
}
.right-content {
width: 401px;
height: 382px;
background: #ffffff;
margin-top: 54px;
box-sizing: border-box;
padding: 63px 56px 56px 64px;
margin-right: 116px;
::v-deep {
.el-select {
width: 100%;
}
}
.li {
margin-bottom: 20px;
}
.btn {
font-size: 18px;
line-height: 32px;
color: #ffffff;
width: 281px;
background: #aa1941;
border-radius: 4px;
text-align: center;
cursor: pointer;
}
}
}
}
}
</style>
components/home/projectFeatures.vue deleted 100644 → 0
浏览文件 @ 70836a93
<template>
<div class="service-content max-width-center">
<m-title :data="titleParams"/>
<ul class="nav-content">
<li v-for="(item, index) in data" :key="index" @click="goPage(item.path)">
<img :src="item.icon" alt="" class="icon">
<img :src="item.iconActive" alt="" class="icon-active">
<div class="text" v-html="item.text"></div>
</li>
</ul>
</div>
</template>
<script>
import mTitle from '@/components/home/moduleTitle'
import AppLink from '@/components/Link'
export default {
name: 'projectFeatures',
components: {
mTitle,
AppLink
},
data() {
return {
titleParams: {
name: '项目特色',
more: {
path: '/',
query: {
id: 1
}
}
},
data: [
{
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_features_icon1.png',
iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_features_icon1_a.png',
text: '百年历史美国大学', path: '', pathType: 0
},
{
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_features_icon2.png',
iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_features_icon2_a.png',
text: '高排名美国大学', path: '', pathType: 0
},
{
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_features_icon3.png',
iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_features_icon3_a.png',
text: 'ACBSP商学院认证', path: '', pathType: 0
},
{
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_features_icon4.png',
iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_features_icon4_a.png',
text: '清北玛丽伍德等权威师资', path: '', pathType: 0
},
{
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_features_icon5.png',
iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_features_icon5_a.png',
text: '16个月精炼课程', path: '', pathType: 0
}
]
}
},
methods: {
goPage(path) {
if (path === '') {
// this.$message('暂未开通，尽请期待。')
return
}
window.open(path)
}
}
}
</script>
<style lang="scss" scoped>
.service-content{
padding-top: 68px;
.nav-content{
display: flex;
justify-content: space-between;
padding-top: 15px;
li{
width: 224px;
height: 230px;
padding-top: 53px;
box-sizing: border-box;
background: #F9F8F8;
// background: #fff;
// box-shadow: 0px 4px 38px rgba(142, 30, 34, 0.41);
cursor: pointer;
transition: all .3s;
img{
width: 80px;
height: 80px;
display: block;
margin: 0 auto;
}
.icon-active{
display: none;
}
&:hover{
background: #AA1941;
box-shadow: 0px 4px 20px rgba(142, 30, 34, 0.41);
.text{
color: #fff;
}
.icon{
display: none;
}
.icon-active{
display: block;
}
}
.text{
font-size: 14px;
line-height: 18px;
color: #666666;
margin-top: 20px;
text-align: center;
}
}
}
}
.max-width-center{
width: 1212px;
margin: 0 auto;
}
</style>
components/home/schoolRanking.vue deleted 100644 → 0
浏览文件 @ 70836a93
<template>
<div class="info-content-box">
<div class="title">
<div class="line"></div>
<div class="name">认证信息</div>
<div class="line"></div>
</div>
<ul class="content-mian">
<li v-for="(item, index) in data" :key="index">
<div class="logo">
<img :src="item.img" class="img">
</div>
<img :src="item.text" class="text">
</li>
</ul>
</div>
</template>
<script>
export default {
name: 'schoolRanking',
data() {
return {
data: [
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_info_i1.png',
text: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_info_t1.png'
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_info_i2.png',
text: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_info_t2.png'
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_info_i3.png',
text: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_info_t3.png'
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_info_i4.png',
text: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_info_t4.png'
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_info_i5.png',
text: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_info_t5.png'
}
]
}
}
}
</script>
<style lang="scss" scoped>
.info-content-box{
min-width: 1200px;
padding-bottom: 150px;
margin-top: 100px;
width: 100%;
background: rgb(163,0,22);
.title{
width: 996px;
display: flex;
margin: 0 auto;
justify-content: space-between;
align-items: center;
padding: 118px 0 119px;
.line{
width: 369px;
height: 1px;
background: #FFFFFF;
}
.name{
font-size: 36px;
font-weight: bold;
line-height: 100%;
color: #FFFFFF;
}
}
.content-mian{
width: 1014px;
margin: 0 auto;
display: flex;
li{
width: 190px;
height: 229px;
background: #fff;
border-radius: 20px;
margin-left: 16px;
&:nth-child(1){
margin-left: 0;
}
&:nth-child(1){
.img{
width: 81px;
height: 66px;
}
.text{
width: 148px;
height: 69px;
}
}
&:nth-child(2){
.img{
width: 152px;
height: 61px;
}
.text{
width: 184px;
height: 69px;
}
}
&:nth-child(3){
.img{
width: 79px;
height: 82px;
}
.text{
width: 172px;
height: 65px;
}
}
&:nth-child(4){
.img{
width: 72px;
height: 91px;
}
.text{
width: 166px;
height: 69px;
}
}
&:nth-child(5){
.img{
width: 84px;
height: 84px;
}
.text{
width: 134px;
height: 67px;
}
}
&:nth-child(1){
}
&:nth-child(2){
}
&:nth-child(3){
}
&:nth-child(4){
}
&:nth-child(5){
}
.logo{
height: 91px;
display: flex;
align-items: center;
justify-content: center;
padding-top: 22px;
margin-bottom: 27px;
.img{
display: block;
}
}
.text{
display: block;
margin: 0 auto;
}
}
}
}
</style>
\ No newline at end of file
components/home/textSwiper.vue 0 → 100644
浏览文件 @ 2cb7613a
<template>
<div class="title-swiper">
<div v-swiper:secondSwiper="swiperOption1" ref="mySwiper1" @click="handleClick">
<div class="swiper-wrapper">
<div class="swiper-slide swiper-no-swiping" v-for="(item, index) in listData" :key="index">
{{item.title}}
</div>
</div>
</div>
<div class="swiper-btn swiper-button-prev" @click="handleBtnClick">
<img src="https://webapp-pub.ezijing.com/www/pc/swipe-prev-btn.png">
</div>
<div class="swiper-btn swiper-button-next" @click="handleBtnClick">
<img src="https://webapp-pub.ezijing.com/www/pc/swipe-next-btn.png">
</div>
</div>
</template>
<script>
export default {
props: {
listData: {
type: Array,
default() {
return []
}
}
},
data() {
return {
swiperOption1: {
observer: true,
observeParents: true,
speed: 400,
autoplay: false,
delay: 3000,
loop: true,
slidesPerView: 'auto',
centeredSlides: true,
spaceBetween: 0,
disableOnInteraction: false,
on:{
init: function(){
// that.isShowSwiper = true
}
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
}
},
// isEn: false
}
},
mounted() {
// this.isEn = this.$cookies.get('lang') === 'en-US'
},
methods: {
handleClick(e) {
const index = e.target.dataset.swiperSlideIndex
this.$refs.mySwiper1.swiper.slideTo(index % 5 + 5)
this.$emit('slideTo', index)
},
handleBtnClick() {
setTimeout(() => {
this.$emit('slideTo', this.$refs.mySwiper1.swiper.realIndex)
}, 100)
}
}
}
</script>
<style lang="scss" scoped>
.title-swiper{
padding: 0 25px;
margin-top:5px;
position:relative;
// overflow: auto;
// width: 100%;
.swiper-slide{
position: relative;
width: 266px;
height: 44px;
padding:0 20px;
margin:7px 0;
line-height:22px;
font-size:16px;
cursor: pointer;
user-select:none;
border-right:1px solid #a81840;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.swiper-slide-active, .swiper-slide:hover{
color:#a81840;
}
.swiper-btn{
width:20px;
height:35px;
position:absolute;
left:-5px;
top:50%;
transform:translateY(-50%);
z-index:2;
user-select:none;
cursor:pointer;
img{
width:100%;
height:100%;
display:block;
}
}
.swiper-button-next{
left:unset;
right: -5px;
}
}
</style>
\ No newline at end of file
pages/about-ezijing/contact.vue 0 → 100644
浏览文件 @ 2cb7613a
<template>
<div class="news-content">
<tab />
<contact-content />
</div>
</template>
<script>
import tab from '../../components/about-ezijing/tabNav'
import contactContent from '../../components/about-ezijing/contact'
export default {
layout: 'normal',
components: {
tab,
contactContent
}
}
</script>
<style lang="scss" scoped>
.news-content{
width: 1200px;
margin: 0 auto;
padding-top: 63px;
display: flex;
justify-content: space-between;
}
</style>
pages/about-ezijing/culture.vue 0 → 100644
浏览文件 @ 2cb7613a
<template>
<div class="culture-content">
<tab />
<culture-content />
</div>
</template>
<script>
import tab from '../../components/about-ezijing/tabNav'
import cultureContent from '../../components/about-ezijing/culture'
export default {
layout: 'normal',
components: {
tab,
cultureContent
}
}
</script>
<style lang="scss" scoped>
.culture-content{
width: 1200px;
margin: 0 auto;
padding-top: 63px;
display: flex;
justify-content: space-between;
}
</style>
pages/about-ezijing/introduce.vue 0 → 100644
浏览文件 @ 2cb7613a
<template>
<div class="intr-content">
<tab />
<intr-content />
</div>
</template>
<script>
import tab from '../../components/about-ezijing/tabNav'
import intrContent from '../../components/about-ezijing/introduce'
export default {
layout: 'normal',
components: {
tab,
intrContent
}
}
</script>
<style lang="scss" scoped>
.intr-content{
width: 1200px;
margin: 0 auto;
padding-top: 63px;
display: flex;
justify-content: space-between;
}
</style>
pages/about-ezijing/lesson/_id.vue 0 → 100644
浏览文件 @ 2cb7613a
<template>
<div class="news-content">
<tab />
<div class="detail-content-box">
<div class="back-btn" @click="$router.go(-1)">
<div class="el-icon-arrow-left"></div>
<div class="text">返回</div>
</div>
<div class="times">{{ formatDate(data.start_time) }}</div>
<div class="titles">{{ data.title }}</div>
<div class="article-content" v-html="data.content"></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">
<a :target="item.uri !== '' ? '_blank' : '_self'" :href="item.uri ? item.uri : `/about/lesson/${item.id}`">
<img :src="item.web_img_uri" alt="" />
<div class="dec">{{ item.title }}</div>
</a>
</li>
</ul>
</div>
<div class="more-btn" @click="$router.push({ path: '/about/lesson' })">查看更多</div>
</div>
</div>
</template>
<script>
import tab from '@/components/about-ezijing/tabNav'
export default {
layout: 'normal',
components: {
tab
},
data() {
return {
data: {},
listData: []
}
},
async fetch() {
this.data = await this.$axios.get(`/api/cms/api/v1/article/${this.$route.params.id}/detail`).then(res => {
return res.data
})
const params = {
project_id: process.env.projectId,
type_tag: 'article_publish_class',
is_recommend: 1,
page: 1,
limit: 3
}
this.listData = await this.$axios.get('/api/cms/api/v1/articles', { params }).then(res => {
return res.data.data
})
},
mounted() {},
methods: {
goPage(item) {
if (item.source === '') {
// this.$router.push({
// path: '/about/news-detail',
// query: {
// id: item.id
// }
// })
window.open(`${window.location.origin}/about/news-detail?id=${item.id}`)
} else {
window.open(item.source)
}
},
formatDate(value) {
const date = new Date(value * 1000)
return date.getFullYear() + '/' + (date.getMonth() + 1) + '/' + date.getDate()
}
}
}
</script>
<style lang="scss" scoped>
.news-content {
width: 1200px;
margin: 0 auto;
padding-top: 63px;
display: flex;
justify-content: space-between;
}
.detail-content-box {
width: 1000px;
background: #fff;
padding: 50px 50px 94px;
box-sizing: border-box;
margin-bottom: 100px;
.back-btn {
display: flex;
align-items: center;
cursor: pointer;
.el-icon-arrow-left {
color: rgba(153, 153, 153, 1);
font-size: 16px;
}
.text {
font-size: 16px;
color: #999999;
}
}
.times {
font-size: 16px;
line-height: 100%;
margin: 35px 0 16px;
color: #999999;
}
.titles {
font-size: 32px;
font-weight: bold;
color: #141414;
// height: 62px;
border-bottom: 1px solid #e6e6e6;
// line-height: 100%;
padding-bottom: 10px;
}
.article-content {
padding-top: 25px;
font-size: 14px;
line-height: 28px;
color: #333333;
img {
display: block;
width: 100%;
margin-top: 40px;
}
}
.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>
pages/about-ezijing/lesson/index.vue 0 → 100644
浏览文件 @ 2cb7613a
<template>
<div class="news-content">
<tab />
<div class="news-content-box">
<img src="https://webapp-pub.ezijing.com/www/pc/news/news.png" alt="" class="banner" />
<ul class="list-content">
<template v-for="(item, index) in listData">
<li :key="index">
<app-link :item="{ news: { data: item, path: '/about-ezijing/lesson' } }">
<img :src="item.web_img_uri" alt="" />
<div class="right-con">
<div class="time">{{ formatDate(item.start_time) }}</div>
<div class="title">{{ item.title }}</div>
<div class="text">{{ item.abstract }}</div>
</div>
</app-link>
</li>
</template>
</ul>
<div class="pages-box">
<el-pagination
layout="prev, pager, next"
@current-change="handleCurrentChange"
:page-size="limit"
:total="total"
>
</el-pagination>
</div>
</div>
</div>
</template>
<script>
import appLink from '@/components/Link'
import tab from '@/components/about-ezijing/tabNav'
export default {
layout: 'normal',
components: { tab, appLink },
data() {
return {
listData: [],
currentPaeg: 1,
total: 0,
limit: 10
}
},
async fetch() {
const params = {
// project_id: process.env.projectId,
project_id: '6800242743894343680',
type_tag: this.$route.query.type || 'article_publish_class',
page: this.currentPaeg,
limit: 10
}
this.listData = await this.$axios.get('/api/cms/api/v1/articles', { params }).then(res => {
this.total = res.data.total
return res.data.data
})
},
methods: {
handleCurrentChange(num) {
this.initData(num)
},
initData(num) {
const params = {
// project_id: process.env.projectId,
project_id: '6800242743894343680',
type_tag: this.$route.query.type || 'article_publish_class',
page: num,
limit: 10
}
this.listData = this.$axios.get('/api/cms/api/v1/articles', { params }).then(res => {
this.total = parseInt(res.data.total)
this.listData = res.data.data
})
},
formatDate(value) {
const date = new Date(value * 1000)
return date.getFullYear() + '/' + (date.getMonth() + 1) + '/' + date.getDate()
}
}
}
</script>
<style lang="scss" scoped>
.pages-box {
display: flex;
padding-bottom: 50px;
background: #fff;
justify-content: center;
}
.news-content {
width: 1200px;
margin: 0 auto;
padding-top: 63px;
display: flex;
justify-content: space-between;
}
.news-content-box {
width: 1000px;
padding-bottom: 100px;
display: block;
.banner {
width: 100%;
display: block;
}
.list-content {
width: 1000px;
padding: 50px;
background: #fff;
li {
border-bottom: 1px solid #e6e6e6;
margin-bottom: 20px;
padding-bottom: 36px;
cursor: pointer;
::v-deep a {
display: flex;
flex-wrap: wrap;
height: fit-content;
}
&:hover {
.right-con {
background: rgba(241, 241, 241, 0.6);
.text {
color: #141414;
}
}
}
img {
width: 320px;
height: 100%;
display: block;
}
.right-con {
width: 550px;
margin-left: 15px;
padding-left: 15px;
.time {
font-size: 16px;
font-weight: 300;
line-height: 100%;
color: #aa1941;
// padding-top: 13px;
}
.title {
font-size: 22px;
font-weight: bold;
line-height: 32px;
color: #141414;
margin-top: 10px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.text {
font-size: 14px;
font-weight: 300;
line-height: 24px;
color: #666666;
margin-top: 15px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
}
}
}
}
</style>
pages/about-ezijing/message/_id.vue 0 → 100644
浏览文件 @ 2cb7613a
<template>
<div class="news-content">
<tab />
<div class="detail-content-box">
<div class="back-btn" @click="$router.go(-1)">
<div class="el-icon-arrow-left"></div>
<div class="text">返回</div>
</div>
<div class="times">{{ formatDate(data.start_time) }}</div>
<div class="titles">{{ data.title }}</div>
<div class="article-content" v-html="data.content"></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">
<a :target="item.uri !== '' ? '_blank' : '_self'" :href="item.uri ? item.uri : `/about/message/${item.id}`">
<img :src="item.web_img_uri" alt="" />
<div class="dec">{{ item.title }}</div>
</a>
</li>
</ul>
</div>
<div class="more-btn" @click="$router.push({ path: '/about/message' })">查看更多</div>
</div>
</div>
</template>
<script>
import tab from '@/components/about-ezijing/tabNav'
export default {
layout: 'normal',
components: {
tab
},
data() {
return {
data: {},
listData: []
}
},
async fetch() {
this.data = await this.$axios.get(`/api/cms/api/v1/article/${this.$route.params.id}/detail`).then(res => {
return res.data
})
const params = {
// project_id: process.env.projectId,
project_id: '6800242743894343680',
type_tag: 'img_text_school',
is_recommend: 1,
page: 1,
limit: 3
}
this.listData = await this.$axios.get('/api/cms/api/v1/articles', { params }).then(res => {
return res.data.data
})
},
mounted() {},
methods: {
goPage(item) {
if (item.source === '') {
// this.$router.push({
// path: '/about/news-detail',
// query: {
// id: item.id
// }
// })
window.open(`${window.location.origin}/about/news-detail?id=${item.id}`)
} else {
window.open(item.source)
}
},
formatDate(value) {
const date = new Date(value * 1000)
return date.getFullYear() + '/' + (date.getMonth() + 1) + '/' + date.getDate()
}
}
}
</script>
<style lang="scss" scoped>
.news-content {
width: 1200px;
margin: 0 auto;
padding-top: 63px;
display: flex;
justify-content: space-between;
}
.detail-content-box {
width: 1000px;
background: #fff;
padding: 50px 50px 94px;
box-sizing: border-box;
margin-bottom: 100px;
.back-btn {
display: flex;
align-items: center;
cursor: pointer;
.el-icon-arrow-left {
color: rgba(153, 153, 153, 1);
font-size: 16px;
}
.text {
font-size: 16px;
color: #999999;
}
}
.times {
font-size: 16px;
line-height: 100%;
margin: 35px 0 16px;
color: #999999;
}
.titles {
font-size: 32px;
font-weight: bold;
color: #141414;
// height: 62px;
border-bottom: 1px solid #e6e6e6;
// line-height: 100%;
padding-bottom: 10px;
}
.article-content {
padding-top: 25px;
font-size: 14px;
line-height: 28px;
color: #333333;
img {
display: block;
width: 100%;
margin-top: 40px;
}
}
.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>
pages/about-ezijing/message/index.vue 0 → 100644
浏览文件 @ 2cb7613a
<template>
<div class="news-content">
<tab />
<div class="news-content-box">
<img src="https://webapp-pub.ezijing.com/www/pc/news/news.png" alt="" class="banner" />
<ul class="list-content">
<template v-for="(item, index) in listData">
<li :key="index">
<app-link :item="{ news: { data: item, path: '/about-ezijing/message' } }">
<img :src="item.web_img_uri" alt="" />
<div class="right-con">
<div class="time">{{ formatDate(item.start_time) }}</div>
<div class="title">{{ item.title }}</div>
<div class="text">{{ item.abstract }}</div>
</div>
</app-link>
</li>
</template>
</ul>
<div class="pages-box">
<el-pagination
layout="prev, pager, next"
@current-change="handleCurrentChange"
:page-size="limit"
:total="total"
>
</el-pagination>
</div>
</div>
</div>
</template>
<script>
import appLink from '@/components/Link'
import tab from '@/components/about-ezijing/tabNav'
export default {
layout: 'normal',
components: { tab, appLink },
data() {
return {
listData: [],
currentPaeg: 1,
total: 0,
limit: 10
}
},
async fetch() {
const params = {
// project_id: process.env.projectId,
project_id: '6800242743894343680',
type_tag: this.$route.query.type || 'img_text_school',
page: this.currentPaeg,
limit: 10
}
this.listData = await this.$axios.get('/api/cms/api/v1/articles', { params }).then(res => {
this.total = res.data.total
return res.data.data
})
},
methods: {
handleCurrentChange(num) {
this.initData(num)
},
initData(num) {
const params = {
// project_id: process.env.projectId,
project_id: '6800242743894343680',
type_tag: this.$route.query.type || 'img_text_school',
page: num,
limit: 10
}
this.listData = this.$axios.get('/api/cms/api/v1/articles', { params }).then(res => {
this.total = parseInt(res.data.total)
this.listData = res.data.data
})
},
formatDate(value) {
const date = new Date(value * 1000)
return date.getFullYear() + '/' + (date.getMonth() + 1) + '/' + date.getDate()
}
}
}
</script>
<style lang="scss" scoped>
.pages-box {
display: flex;
padding-bottom: 50px;
background: #fff;
justify-content: center;
}
.news-content {
width: 1200px;
margin: 0 auto;
padding-top: 63px;
display: flex;
justify-content: space-between;
}
.news-content-box {
width: 1000px;
padding-bottom: 100px;
display: block;
.banner {
width: 100%;
display: block;
}
.list-content {
width: 1000px;
padding: 50px;
background: #fff;
li {
border-bottom: 1px solid #e6e6e6;
margin-bottom: 20px;
padding-bottom: 36px;
cursor: pointer;
::v-deep a {
display: flex;
flex-wrap: wrap;
height: fit-content;
}
&:hover {
.right-con {
background: rgba(241, 241, 241, 0.6);
.text {
color: #141414;
}
}
}
img {
width: 320px;
height: 100%;
display: block;
}
.right-con {
width: 550px;
margin-left: 15px;
padding-left: 15px;
.time {
font-size: 16px;
font-weight: 300;
line-height: 100%;
color: #aa1941;
// padding-top: 13px;
}
.title {
font-size: 22px;
font-weight: bold;
line-height: 32px;
color: #141414;
margin-top: 10px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.text {
font-size: 14px;
font-weight: 300;
line-height: 24px;
color: #666666;
margin-top: 15px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
}
}
}
}
</style>
pages/about-ezijing/news/_id.vue 0 → 100644
浏览文件 @ 2cb7613a
<template>
<div class="news-content">
<tab />
<div class="detail-content-box">
<div class="back-btn" @click="$router.go(-1)">
<div class="el-icon-arrow-left"></div>
<div class="text">返回</div>
</div>
<div class="times">{{ formatDate(data.start_time) }}</div>
<div class="titles">{{ data.title }}</div>
<div class="article-content" v-html="data.content"></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">
<a :target="item.uri !== '' ? '_blank' : '_self'" :href="item.uri ? item.uri : `/about/news/${item.id}`">
<img :src="item.web_img_uri" alt="" />
<div class="dec">{{ item.title }}</div>
</a>
</li>
</ul>
</div>
<div class="more-btn" @click="$router.push({ path: '/about/news' })">查看更多</div>
</div>
</div>
</template>
<script>
import tab from '@/components/about-ezijing/tabNav'
export default {
layout: 'normal',
components: {
tab
},
data() {
return {
data: {},
listData: []
}
},
async fetch() {
this.data = await this.$axios.get(`/api/cms/api/v1/article/${this.$route.params.id}/detail`).then(res => {
return res.data
})
const params = {
// project_id: process.env.projectId,
project_id: '6800242743894343680',
type_tag: 'article_news',
is_recommend: 1,
page: 1,
limit: 3
}
this.listData = await this.$axios.get('/api/cms/api/v1/articles', { params }).then(res => {
return res.data.data
})
},
mounted() {},
methods: {
goPage(item) {
if (item.source === '') {
// this.$router.push({
// path: '/about/news-detail',
// query: {
// id: item.id
// }
// })
window.open(`${window.location.origin}/about/news-detail?id=${item.id}`)
} else {
window.open(item.source)
}
},
formatDate(value) {
const date = new Date(value * 1000)
return date.getFullYear() + '/' + (date.getMonth() + 1) + '/' + date.getDate()
}
}
}
</script>
<style lang="scss" scoped>
.news-content {
width: 1200px;
margin: 0 auto;
padding-top: 63px;
display: flex;
justify-content: space-between;
}
.detail-content-box {
width: 1000px;
background: #fff;
padding: 50px 50px 94px;
box-sizing: border-box;
margin-bottom: 100px;
.back-btn {
display: flex;
align-items: center;
cursor: pointer;
.el-icon-arrow-left {
color: rgba(153, 153, 153, 1);
font-size: 16px;
}
.text {
font-size: 16px;
color: #999999;
}
}
.times {
font-size: 16px;
line-height: 100%;
margin: 35px 0 16px;
color: #999999;
}
.titles {
font-size: 32px;
font-weight: bold;
color: #141414;
// height: 62px;
border-bottom: 1px solid #e6e6e6;
// line-height: 100%;
padding-bottom: 10px;
}
.article-content {
padding-top: 25px;
font-size: 14px;
line-height: 28px;
color: #333333;
img {
display: block;
width: 100%;
margin-top: 40px;
}
}
.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>
pages/about-ezijing/news/index.vue 0 → 100644
浏览文件 @ 2cb7613a
<template>
<div class="news-content">
<tab />
<new-list :type="type"/>
</div>
</template>
<script>
import tab from '@/components/about-ezijing/tabNav'
import newList from '@/components/about-ezijing/newList'
export default {
layout: 'normal',
components: { tab, newList },
data() {
return {
listData: [],
currentPaeg: 1,
total: 0,
limit: 10
}
},
computed: {
type() {
return this.$route.query.type
}
},
methods: {
}
}
</script>
<style lang="scss" scoped>
.pages-box{
display: flex;
padding-bottom: 50px;
background: #fff;
justify-content: center;
}
.news-content {
width: 1200px;
margin: 0 auto;
padding-top: 63px;
display: flex;
justify-content: space-between;
}
</style>
pages/alumni/outstanding.vue
浏览文件 @ 2cb7613a
......@@ -137,14 +137,14 @@ export default {
banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/alumni_banner.jpg',
slider: [
{
name: '杰出校友',
path: '/alumni/outstanding',
pathActive: ['/alumni/outstanding']
},
{
name: '校友分享',
name: '校友故事',
path: '/alumni/sharing',
pathActive: ['/alumni/sharing']
},
{
name: '校友福利',
path: '/alumni/outstanding',
pathActive: ['/alumni/outstanding']
}
]
}
......
pages/alumni/sharing/index.vue
浏览文件 @ 2cb7613a
......@@ -24,14 +24,14 @@ export default {
banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/alumni_banner.jpg',
slider: [
{
name: '杰出校友',
path: '/alumni/outstanding',
pathActive: ['/alumni/outstanding']
},
{
name: '校友分享',
name: '校友故事',
path: '/alumni/sharing',
pathActive: ['/alumni/sharing']
},
{
name: '校友福利',
path: '/alumni/outstanding',
pathActive: ['/alumni/outstanding']
}
]
}
......
pages/apply/master-strategy.vue 0 → 100644
浏览文件 @ 2cb7613a
<template>
<div class="rele-content-box">
<app-frame :data="frameParams">
<div class="content-box">
<div class="text-content">
<!-- <div class="title">申请条件</div>
<div class="con-txt">已获得本科或以上学位<br />有一定工作经验<br />托福79分/雅思6分以上</div> -->
<div class="title mar-t55">招生对象</div>
<div class="con-txt">
本科及以上学历学位<br />
企业中高层管理人员<br />
大专学历（需满足5年管理经验且择优录取）
</div>
</div>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/apply-img-x.png" alt=""/>
</div>
</app-frame>
</div>
</template>
<script>
import appFrame from '@/components/appFrame'
export default {
layout: 'normal',
components: {
appFrame
},
data() {
return {
newsList: [],
frameParams: {
banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/apply_banner.jpg',
slider: [
{
name: 'MBA申请攻略',
path: '/apply/mba-strategy',
pathActive: ['/apply/mba-strategy']
},
{
name: '在职研申请攻略',
path: '/apply/master-strategy',
pathActive: ['/apply/master-strategy']
}
]
}
}
}
}
</script>
<style lang="scss" scoped>
.rele-content-box {
width: 1200px;
margin: 0 auto;
.content-box {
img {
width: 500px;
// margin: 0 auto;
display: block;
}
padding-top: 46px;
padding-bottom: 106px;
.text-content {
padding-left: 87px;
.title {
font-size: 22px;
font-weight: bold;
line-height: 100%;
color: #333333;
&.mar-t55 {
margin-top: 55px;
}
}
.con-txt {
font-size: 16px;
line-height: 34px;
color: #424242;
// margin-top: 20px;
}
}
}
}
</style>
pages/apply/mba-strategy.vue 0 → 100644
浏览文件 @ 2cb7613a
<template>
<div class="rele-content-box">
<app-frame :data="frameParams">
<div class="content-box">
<div class="text-content">
<!-- <div class="title">申请条件</div>
<div class="con-txt">已获得本科或以上学位<br />有一定工作经验<br />托福79分/雅思6分以上</div> -->
<div class="title mar-t55">招生对象</div>
<div class="con-txt">
本科及以上学历学位<br />
企业中高层管理人员<br />
大专学历（需满足5年管理经验且择优录取）
</div>
</div>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/apply-img-x.png" alt=""/>
</div>
</app-frame>
</div>
</template>
<script>
import appFrame from '@/components/appFrame'
export default {
layout: 'normal',
components: {
appFrame
},
data() {
return {
newsList: [],
frameParams: {
banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/apply_banner.jpg',
slider: [
{
name: 'MBA申请攻略',
path: '/apply/mba-strategy',
pathActive: ['/apply/mba-strategy']
},
{
name: '在职研申请攻略',
path: '/apply/master-strategy',
pathActive: ['/apply/master-strategy']
}
]
}
}
}
}
</script>
<style lang="scss" scoped>
.rele-content-box {
width: 1200px;
margin: 0 auto;
.content-box {
img {
width: 500px;
// margin: 0 auto;
display: block;
}
padding-top: 46px;
padding-bottom: 106px;
.text-content {
padding-left: 87px;
.title {
font-size: 22px;
font-weight: bold;
line-height: 100%;
color: #333333;
&.mar-t55 {
margin-top: 55px;
}
}
.con-txt {
font-size: 16px;
line-height: 34px;
color: #424242;
// margin-top: 20px;
}
}
}
}
</style>
pages/index.vue
浏览文件 @ 2cb7613a
......@@ -2,18 +2,12 @@
<div class="container">
<!-- 轮播图 -->
<banner />
<!-- 项目特色 -->
<project-features />
<!-- 学校排名 -->
<school-ranking />
<!-- 校长寄语 -->
<headmaster-msg/>
<!-- 校友故事 -->
<alumni-stories/>
<!-- 最新动态 -->
<news />
<!-- 师生风采 -->
<presence />
<!-- 常见问题 -->
<common-problem />
<!-- 公开课 -->
<open-class />
<!-- 右侧功能栏 -->
<!-- <right-aside /> -->
</div>
......@@ -21,23 +15,17 @@
<script>
import banner from '../components/home/banner'
import projectFeatures from '../components/home/projectFeatures'
import schoolRanking from '../components/home/schoolRanking'
import headmasterMsg from '../components/home/headmasterMsg'
import alumniStories from '../components/home/alumniStories'
import news from '../components/home/news'
import presence from '../components/home/presence'
import commonProblem from '../components/home/commonProblem'
import openClass from '../components/home/openClass'
import rightAside from '../components/rightAside'
export default {
layout: 'normal',
components: {
banner,
projectFeatures,
schoolRanking,
headmasterMsg,
alumniStories,
news,
presence,
commonProblem,
openClass,
rightAside
},
data() {
......
pages/master/course.vue 0 → 100644
浏览文件 @ 2cb7613a
<template>
<div class="course-content-box">
<app-frame :data="frameParams">
<div class="content-mian">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/course-chart.png">
<!-- <div class="border-box">
<template v-for="(item, index) in courseData">
<div class="item-box" :key="index">
<div class="title">{{ item.title }}</div>
<div class="right-content">
<ul>
<li v-for="(cItem, cIndex) in item.item" :key="cIndex + 'l'">
<div class="text">{{ cItem.name }}</div>
<div class="score">学分：{{ cItem.score }}</div>
</li>
</ul>
</div>
</div>
</template>
</div> -->
</div>
</app-frame>
</div>
</template>
<script>
import appFrame from '@/components/appFrame'
export default {
layout: 'normal',
components: {
appFrame
},
data() {
return {
courseData: [
{
title: '必修课程',
item: [
{
name: '设计思维与管理创新',
score: 3
},
{
name: '管理沟通',
score: 3
},
{
name: '营销管理',
score: 3
},
{
name: '信息时代的领导力',
score: 3
},
{
name: '组织行为与领导力',
score: 3
},
{
name: '商法',
score: 3
},
{
name: '财务规划与管理',
score: 3
},
{
name: '运营管理',
score: 3
},
{
name: '商业研究方法',
score: 3
},
{
name: '商业智能',
score: 3
},
{
name: '战略管理',
score: 3
},
{
name: '管理信息系统',
score: 3
},
{
name: '案例实践课',
score: '-'
}
]
}
],
frameParams: {
banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_banner_nx4.jpg',
slider: [
{
name: '国际硕士',
path: '/master/intro',
pathActive: ['/master/intro']
},
{
name: '硕士师资',
path: '/master/teacher',
pathActive: ['/master/teacher']
},
{
name: '硕士课程',
path: '/master/course',
pathActive: ['/master/course']
}
]
}
}
},
mounted() {
}
}
</script>
<style lang="scss" scoped>
.course-content-box {
width: 1200px;
margin: 0 auto;
.content-mian {
// padding: 106px 141px 110px 96px;
img{
width: 100%;
display: block;
}
.border-box {
padding: 35px 0 51px;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
.item-box {
display: flex;
justify-content: space-between;
margin-bottom: 40px;
ul {
padding-bottom: 37px;
border-bottom: 1px solid #e6e6e6;
}
&:last-child {
border-bottom: none;
margin-bottom: 0;
ul {
padding-bottom: 37px;
border-bottom: none;
}
}
.title {
font-size: 26px;
font-weight: bold;
line-height: 100%;
color: #aa1941;
}
.right-content {
width: 630px;
li {
height: 32px;
background: #f7f7f7;
display: flex;
align-items: center;
&:nth-child(even) {
background: none;
}
.text {
width: 497px;
padding-left: 30px;
font-size: 16px;
color: #333333;
}
.score {
font-size: 16px;
color: #424242;
}
}
}
}
}
}
}
</style>
pages/master/intro.vue 0 → 100644
浏览文件 @ 2cb7613a
<template>
<div class="teacher-content-box">
<app-frame :data="frameParams">
<div class="content-box">
国际硕士
</div>
</app-frame>
</div>
</template>
<script>
import appFrame from '@/components/appFrame'
export default {
layout: 'normal',
components: {
appFrame
},
data() {
return {
teacherList: [
{
title: '美方师资（部分）',
list: [
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t1.png',
name: 'Ash Soni',
intr: ['印第安纳大学工商管理博士', 'KELLEY商学院副院长、教授']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t2.png',
name: '杨珺',
intr: ['华盛顿大学金融学博士', '香港中文大学运营管理学博士', 'KELLEY商学院公司治理研究院院长']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t3.png',
name: 'Cathy Bonser-neal',
intr: ['芝加哥大学博士', 'KELLEY商学院金融学副教授']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t4.png',
name: 'Sreeni Kamma',
intr: ['纽约州立大学布法罗分校博士', 'KELLEY商学院金融系主任']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t5.png',
name: 'Dubos J. masson',
intr: ['印第安纳大学金融学博士', 'KELLEY商学院金融系副教授']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t6.png',
name: 'Joe fisher',
intr: ['俄亥俄州立大学博士', 'KELLEY商学院教授']
}
]
},
{
title: '中方师资（部分）',
list: [
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t7.png',
name: '肇越',
intr: ['清华五道口经济学博士', '香港致富证券首席经济学家']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t8.png',
name: '梁国忠',
intr: ['复旦大学金融学硕士', '中金甲子投资基金管理有限公司', '董事长兼总经理']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t9.png',
name: '孙明春',
intr: ['斯坦福大学博士', '海通国际首席经济学家']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t10.png',
name: '洪灏',
intr: ['澳大利亚商学院金融系工商管理硕士', '交银国际董事总经理、首席策略师']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t11.png',
name: '王勇',
intr: ['加拿大达尔豪斯大学博士', '国家千人计划专家', '天风证券首席风险官']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t12.png',
name: '王鹤菲',
intr: ['斯坦福大学商学院金融学博士', '中国人民大学国际学院金融学教授']
}
]
}
],
frameParams: {
banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_banner_nx4.jpg',
slider: [
{
name: '国际硕士',
path: '/master/intro',
pathActive: ['/master/intro']
},
{
name: '硕士师资',
path: '/master/teacher',
pathActive: ['/master/teacher']
},
{
name: '硕士课程',
path: '/master/course',
pathActive: ['/master/course']
}
]
}
}
},
mounted() {
}
}
</script>
<style lang="scss" scoped>
.teacher-content-box {
width: 1200px;
margin: 0 auto;
.content-box {
padding: 60px 75px 61px;
.teacher-box {
.title {
font-size: 22px;
font-weight: bold;
line-height: 100%;
color: #333333;
}
ul {
display: flex;
flex-wrap: wrap;
padding-top: 30px;
li {
width: 180px;
margin-right: 140px;
margin-bottom: 40px;
&:nth-child(3n + 3) {
margin-right: 0;
}
img {
display: block;
width: 100%;
}
.name {
font-size: 18px;
color: #aa1941;
line-height: 100%;
margin-top: 20px;
margin-bottom: 10px;
}
.p {
font-size: 14px;
line-height: 100%;
color: #666666;
white-space: nowrap;
margin-bottom: 5px;
}
}
}
}
}
}
</style>
pages/master/teacher.vue 0 → 100644
浏览文件 @ 2cb7613a
<template>
<div class="teacher-content-box">
<app-frame :data="frameParams">
<div class="content-box">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/marywood-teacher-all.png" style="width:100%;display:block">
<!-- <div class="teacher-box">
<div class="mar-t-box" v-for="(item, index) in teacherList" :key="index">
<div class="title">{{ item.title }}</div>
<ul>
<template v-for="(cItem, cIndex) in item.list">
<li :key="cIndex + '='">
<img :src="cItem.image" alt="" />
<div class="name">{{ cItem.name }}</div>
<template v-for="(text, tIndex) in cItem.intr">
<div class="p" :key="tIndex + '=='">{{ text }}</div>
</template>
</li>
</template>
</ul>
</div>
</div> -->
</div>
</app-frame>
</div>
</template>
<script>
import appFrame from '@/components/appFrame'
export default {
layout: 'normal',
components: {
appFrame
},
data() {
return {
teacherList: [
{
title: '美方师资（部分）',
list: [
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t1.png',
name: 'Ash Soni',
intr: ['印第安纳大学工商管理博士', 'KELLEY商学院副院长、教授']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t2.png',
name: '杨珺',
intr: ['华盛顿大学金融学博士', '香港中文大学运营管理学博士', 'KELLEY商学院公司治理研究院院长']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t3.png',
name: 'Cathy Bonser-neal',
intr: ['芝加哥大学博士', 'KELLEY商学院金融学副教授']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t4.png',
name: 'Sreeni Kamma',
intr: ['纽约州立大学布法罗分校博士', 'KELLEY商学院金融系主任']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t5.png',
name: 'Dubos J. masson',
intr: ['印第安纳大学金融学博士', 'KELLEY商学院金融系副教授']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t6.png',
name: 'Joe fisher',
intr: ['俄亥俄州立大学博士', 'KELLEY商学院教授']
}
]
},
{
title: '中方师资（部分）',
list: [
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t7.png',
name: '肇越',
intr: ['清华五道口经济学博士', '香港致富证券首席经济学家']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t8.png',
name: '梁国忠',
intr: ['复旦大学金融学硕士', '中金甲子投资基金管理有限公司', '董事长兼总经理']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t9.png',
name: '孙明春',
intr: ['斯坦福大学博士', '海通国际首席经济学家']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t10.png',
name: '洪灏',
intr: ['澳大利亚商学院金融系工商管理硕士', '交银国际董事总经理、首席策略师']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t11.png',
name: '王勇',
intr: ['加拿大达尔豪斯大学博士', '国家千人计划专家', '天风证券首席风险官']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t12.png',
name: '王鹤菲',
intr: ['斯坦福大学商学院金融学博士', '中国人民大学国际学院金融学教授']
}
]
}
],
frameParams: {
banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_banner_nx4.jpg',
slider: [
{
name: '国际硕士',
path: '/master/intro',
pathActive: ['/master/intro']
},
{
name: '硕士师资',
path: '/master/teacher',
pathActive: ['/master/teacher']
},
{
name: '硕士课程',
path: '/master/course',
pathActive: ['/master/course']
}
]
}
}
},
mounted() {
}
}
</script>
<style lang="scss" scoped>
.teacher-content-box {
width: 1200px;
margin: 0 auto;
.content-box {
padding: 60px 75px 61px;
.teacher-box {
.title {
font-size: 22px;
font-weight: bold;
line-height: 100%;
color: #333333;
}
ul {
display: flex;
flex-wrap: wrap;
padding-top: 30px;
li {
width: 180px;
margin-right: 140px;
margin-bottom: 40px;
&:nth-child(3n + 3) {
margin-right: 0;
}
img {
display: block;
width: 100%;
}
.name {
font-size: 18px;
color: #aa1941;
line-height: 100%;
margin-top: 20px;
margin-bottom: 10px;
}
.p {
font-size: 14px;
line-height: 100%;
color: #666666;
white-space: nowrap;
margin-bottom: 5px;
}
}
}
}
}
}
</style>
pages/mba/course.vue 0 → 100644
浏览文件 @ 2cb7613a
<template>
<div class="course-content-box">
<app-frame :data="frameParams">
<div class="content-mian">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/course-chart.png">
<!-- <div class="border-box">
<template v-for="(item, index) in courseData">
<div class="item-box" :key="index">
<div class="title">{{ item.title }}</div>
<div class="right-content">
<ul>
<li v-for="(cItem, cIndex) in item.item" :key="cIndex + 'l'">
<div class="text">{{ cItem.name }}</div>
<div class="score">学分：{{ cItem.score }}</div>
</li>
</ul>
</div>
</div>
</template>
</div> -->
</div>
</app-frame>
</div>
</template>
<script>
import appFrame from '@/components/appFrame'
export default {
layout: 'normal',
components: {
appFrame
},
data() {
return {
courseData: [
{
title: '必修课程',
item: [
{
name: '设计思维与管理创新',
score: 3
},
{
name: '管理沟通',
score: 3
},
{
name: '营销管理',
score: 3
},
{
name: '信息时代的领导力',
score: 3
},
{
name: '组织行为与领导力',
score: 3
},
{
name: '商法',
score: 3
},
{
name: '财务规划与管理',
score: 3
},
{
name: '运营管理',
score: 3
},
{
name: '商业研究方法',
score: 3
},
{
name: '商业智能',
score: 3
},
{
name: '战略管理',
score: 3
},
{
name: '管理信息系统',
score: 3
},
{
name: '案例实践课',
score: '-'
}
]
}
],
frameParams: {
banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_banner_nx4.jpg',
slider: [
{
name: '国际MBA',
path: '/mba/intro',
pathActive: ['/mba/intro']
},
{
name: 'MBA师资',
path: '/mba/teacher',
pathActive: ['/mba/teacher']
},
{
name: 'MBA课程',
path: '/mba/course',
pathActive: ['/mba/course']
}
]
}
}
},
mounted() {
}
}
</script>
<style lang="scss" scoped>
.course-content-box {
width: 1200px;
margin: 0 auto;
.content-mian {
// padding: 106px 141px 110px 96px;
img{
width: 100%;
display: block;
}
.border-box {
padding: 35px 0 51px;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
.item-box {
display: flex;
justify-content: space-between;
margin-bottom: 40px;
ul {
padding-bottom: 37px;
border-bottom: 1px solid #e6e6e6;
}
&:last-child {
border-bottom: none;
margin-bottom: 0;
ul {
padding-bottom: 37px;
border-bottom: none;
}
}
.title {
font-size: 26px;
font-weight: bold;
line-height: 100%;
color: #aa1941;
}
.right-content {
width: 630px;
li {
height: 32px;
background: #f7f7f7;
display: flex;
align-items: center;
&:nth-child(even) {
background: none;
}
.text {
width: 497px;
padding-left: 30px;
font-size: 16px;
color: #333333;
}
.score {
font-size: 16px;
color: #424242;
}
}
}
}
}
}
}
</style>
pages/mba/intro.vue 0 → 100644
浏览文件 @ 2cb7613a
<template>
<div class="teacher-content-box">
<app-frame :data="frameParams">
<div class="content-box">
国际MBA
</div>
</app-frame>
</div>
</template>
<script>
import appFrame from '@/components/appFrame'
export default {
layout: 'normal',
components: {
appFrame
},
data() {
return {
teacherList: [
{
title: '美方师资（部分）',
list: [
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t1.png',
name: 'Ash Soni',
intr: ['印第安纳大学工商管理博士', 'KELLEY商学院副院长、教授']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t2.png',
name: '杨珺',
intr: ['华盛顿大学金融学博士', '香港中文大学运营管理学博士', 'KELLEY商学院公司治理研究院院长']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t3.png',
name: 'Cathy Bonser-neal',
intr: ['芝加哥大学博士', 'KELLEY商学院金融学副教授']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t4.png',
name: 'Sreeni Kamma',
intr: ['纽约州立大学布法罗分校博士', 'KELLEY商学院金融系主任']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t5.png',
name: 'Dubos J. masson',
intr: ['印第安纳大学金融学博士', 'KELLEY商学院金融系副教授']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t6.png',
name: 'Joe fisher',
intr: ['俄亥俄州立大学博士', 'KELLEY商学院教授']
}
]
},
{
title: '中方师资（部分）',
list: [
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t7.png',
name: '肇越',
intr: ['清华五道口经济学博士', '香港致富证券首席经济学家']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t8.png',
name: '梁国忠',
intr: ['复旦大学金融学硕士', '中金甲子投资基金管理有限公司', '董事长兼总经理']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t9.png',
name: '孙明春',
intr: ['斯坦福大学博士', '海通国际首席经济学家']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t10.png',
name: '洪灏',
intr: ['澳大利亚商学院金融系工商管理硕士', '交银国际董事总经理、首席策略师']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t11.png',
name: '王勇',
intr: ['加拿大达尔豪斯大学博士', '国家千人计划专家', '天风证券首席风险官']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t12.png',
name: '王鹤菲',
intr: ['斯坦福大学商学院金融学博士', '中国人民大学国际学院金融学教授']
}
]
}
],
frameParams: {
banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_banner_nx4.jpg',
slider: [
{
name: '国际MBA',
path: '/mba/intro',
pathActive: ['/mba/intro']
},
{
name: 'MBA师资',
path: '/mba/teacher',
pathActive: ['/mba/teacher']
},
{
name: 'MBA课程',
path: '/mba/course',
pathActive: ['/mba/course']
}
]
}
}
},
mounted() {
}
}
</script>
<style lang="scss" scoped>
.teacher-content-box {
width: 1200px;
margin: 0 auto;
.content-box {
padding: 60px 75px 61px;
.teacher-box {
.title {
font-size: 22px;
font-weight: bold;
line-height: 100%;
color: #333333;
}
ul {
display: flex;
flex-wrap: wrap;
padding-top: 30px;
li {
width: 180px;
margin-right: 140px;
margin-bottom: 40px;
&:nth-child(3n + 3) {
margin-right: 0;
}
img {
display: block;
width: 100%;
}
.name {
font-size: 18px;
color: #aa1941;
line-height: 100%;
margin-top: 20px;
margin-bottom: 10px;
}
.p {
font-size: 14px;
line-height: 100%;
color: #666666;
white-space: nowrap;
margin-bottom: 5px;
}
}
}
}
}
}
</style>
pages/mba/teacher.vue 0 → 100644
浏览文件 @ 2cb7613a
<template>
<div class="teacher-content-box">
<app-frame :data="frameParams">
<div class="content-box">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/marywood-teacher-all.png" style="width:100%;display:block">
<!-- <div class="teacher-box">
<div class="mar-t-box" v-for="(item, index) in teacherList" :key="index">
<div class="title">{{ item.title }}</div>
<ul>
<template v-for="(cItem, cIndex) in item.list">
<li :key="cIndex + '='">
<img :src="cItem.image" alt="" />
<div class="name">{{ cItem.name }}</div>
<template v-for="(text, tIndex) in cItem.intr">
<div class="p" :key="tIndex + '=='">{{ text }}</div>
</template>
</li>
</template>
</ul>
</div>
</div> -->
</div>
</app-frame>
</div>
</template>
<script>
import appFrame from '@/components/appFrame'
export default {
layout: 'normal',
components: {
appFrame
},
data() {
return {
teacherList: [
{
title: '美方师资（部分）',
list: [
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t1.png',
name: 'Ash Soni',
intr: ['印第安纳大学工商管理博士', 'KELLEY商学院副院长、教授']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t2.png',
name: '杨珺',
intr: ['华盛顿大学金融学博士', '香港中文大学运营管理学博士', 'KELLEY商学院公司治理研究院院长']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t3.png',
name: 'Cathy Bonser-neal',
intr: ['芝加哥大学博士', 'KELLEY商学院金融学副教授']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t4.png',
name: 'Sreeni Kamma',
intr: ['纽约州立大学布法罗分校博士', 'KELLEY商学院金融系主任']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t5.png',
name: 'Dubos J. masson',
intr: ['印第安纳大学金融学博士', 'KELLEY商学院金融系副教授']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t6.png',
name: 'Joe fisher',
intr: ['俄亥俄州立大学博士', 'KELLEY商学院教授']
}
]
},
{
title: '中方师资（部分）',
list: [
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t7.png',
name: '肇越',
intr: ['清华五道口经济学博士', '香港致富证券首席经济学家']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t8.png',
name: '梁国忠',
intr: ['复旦大学金融学硕士', '中金甲子投资基金管理有限公司', '董事长兼总经理']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t9.png',
name: '孙明春',
intr: ['斯坦福大学博士', '海通国际首席经济学家']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t10.png',
name: '洪灏',
intr: ['澳大利亚商学院金融系工商管理硕士', '交银国际董事总经理、首席策略师']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t11.png',
name: '王勇',
intr: ['加拿大达尔豪斯大学博士', '国家千人计划专家', '天风证券首席风险官']
},
{
image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/teacher-t12.png',
name: '王鹤菲',
intr: ['斯坦福大学商学院金融学博士', '中国人民大学国际学院金融学教授']
}
]
}
],
frameParams: {
banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_banner_nx4.jpg',
slider: [
{
name: '国际MBA',
path: '/mba/intro',
pathActive: ['/mba/intro']
},
{
name: 'MBA师资',
path: '/mba/teacher',
pathActive: ['/mba/teacher']
},
{
name: 'MBA课程',
path: '/mba/course',
pathActive: ['/mba/course']
}
]
}
}
},
mounted() {
}
}
</script>
<style lang="scss" scoped>
.teacher-content-box {
width: 1200px;
margin: 0 auto;
.content-box {
padding: 60px 75px 61px;
.teacher-box {
.title {
font-size: 22px;
font-weight: bold;
line-height: 100%;
color: #333333;
}
ul {
display: flex;
flex-wrap: wrap;
padding-top: 30px;
li {
width: 180px;
margin-right: 140px;
margin-bottom: 40px;
&:nth-child(3n + 3) {
margin-right: 0;
}
img {
display: block;
width: 100%;
}
.name {
font-size: 18px;
color: #aa1941;
line-height: 100%;
margin-top: 20px;
margin-bottom: 10px;
}
.p {
font-size: 14px;
line-height: 100%;
color: #666666;
white-space: nowrap;
margin-bottom: 5px;
}
}
}
}
}
}
</style>
utils/httpRequest.js
浏览文件 @ 2cb7613a
......@@ -14,7 +14,7 @@ const httpRequest = axios.create({
// 请求拦截
httpRequest.interceptors.request.use(
function(config) {
console.log(config)
// console.log(config)
if (config.headers['Content-Type'] === 'multipart/form-data') {
const form = new window.FormData()
for (const key in config.data) {
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论