Skip to content

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

update

上级 4e7fab33
隐藏空白字符变更
内嵌 并排
正在显示 包含 248 行增加 和 1260 行删除
components/Foot.vue
浏览文件 @ 81aa5019
......@@ -3,6 +3,11 @@
<div class="foot-box">
<div class="foot-content">
<div class="left-content">
<div>
<a href="http://jsj.moe.gov.cn" target="_blank" >
中国教育部
</a>
</div>
<div>
<a href="http://jsj.moe.gov.cn" target="_blank" >
教育部涉外监管网
......@@ -10,7 +15,17 @@
</div>
<div>
<a href="http://www.pbcsf.tsinghua.edu.cn" target="_blank" >
五道口官网
印第安纳大学
</a>
</div>
<div>
<a href="http://www.pbcsf.tsinghua.edu.cn" target="_blank" >
Kelley商学院
</a>
</div>
<div>
<a href="http://www.ezijing.com" target="_blank" >
紫荆教育
</a>
</div>
<!-- <div>
......
components/about/contact.vue deleted 100644 → 0
浏览文件 @ 4e7fab33
<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">联系我们</div>
<div class="info">
地&nbsp;&nbsp;址：北京市海淀区中关村东路1号院7号楼5层<br />
联系电话：010-62793299<br />
邮&nbsp;&nbsp;箱：service@ezijing.com
</div>
<div class="follow">
<div class="tits">关注我们</div>
<ul>
<li>
<img src="https://zws-imgs-pub.ezijing.com/static/public/5c4a58f1d41f786e7713a5a84069404d.png" alt="">
<div class="name">紫荆企业微信</div>
</li>
<li>
<img src="https://zws-imgs-pub.ezijing.com/static/public/b4de41c51c1a897ee4bca574d7bf0d50.png" alt="">
<div class="name">紫荆官方微博</div>
</li>
<li>
<img src="https://zws-imgs-pub.ezijing.com/static/public/85fb47e859d152f1021bc6b94154ce91.png" alt="">
<div class="name">紫荆官方抖音</div>
</li>
<li>
<img src="https://zws-imgs-pub.ezijing.com/static/public/e2ffbf6b9d7fd6fd66d2487e7c33540c.png" alt="">
<div class="name">紫荆小鹅通</div>
</li>
</ul>
</div>
</div>
</div>
</template>
<script>
export default {
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{
width: 1000px;
height: 320px;
}
.contact-content-box{
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/culture.vue deleted 100644 → 0
浏览文件 @ 4e7fab33
<template>
<div class="culture-content-box">
<div class="video-box">
<video
src="https://zws-imgs-pub.ezijing.com/static/public/630810d0c5276d1195325d88d40a0034.mp4"
width=""
height=""
controls="controls"
preload="none"
></video>
</div>
<div class="honor-content">
<div class="tit">企业荣誉</div>
<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 {
}
</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: 51px 100px;
box-sizing: border-box;
video{
width: 100%;
height: 100%;
}
}
.honor-content{
padding: 50px 50px 20px;
background: #fff;
.tit{
font-size: 22px;
font-weight: 500;
line-height: 100%;
color: #424242;
margin-bottom: 30px;
}
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/detail.vue deleted 100644 → 0
浏览文件 @ 4e7fab33
<template>
<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">{{ data.created_time }}</div>
<div class="titles">{{ data.title }}</div>
<div class="article-content" v-html="data.content">
<!-- 当今世界正经历百年未有之大变局，中国正在努力构建“双循环”新格局，深化金融改革信号明确，我们迫切需要什么样的金融人才？如何培养担当大任的金融领军人才？
10月16日上午，由紫荆教育、印第安纳大学KELLEY商学院主办，中国教育发展战略学会支持的2020（第七届）紫荆·国际金融人才论坛暨“中国未来金融领袖计划”新闻发布会在北京威斯汀酒店举行，权威大咖云集，观点激荡碰撞出独家思想盛宴。紫荆教育董事长张博、资深副总裁金梅，全国社会保障基金理事会原副理事长、中国基金业协会母基金专委会主席王忠民，中国银行业协会东方银行业高级管理人员研修院院长助理唐绍云，中国教育发展战略学会教育认证专业委员会秘书长顾占春，清华大学公共管理学院中国公共领导力中心副主任于永达，清华大学五道口金融学院业界导师、香港致富证券首席经济学家肇越，天风证券首席风险官王勇，人民网、新华网、新浪网、凤凰网、搜狐视频、网易网等媒体朋友参加了论坛。
<img src="https://zws-imgs-pub.ezijing.com/static/public/c563a1e422b67a14b9fb22ea86d56e0b.png" alt=""> -->
</div>
<div class="recommend-content">
<div class="titles">
<div class="line"></div>
<div class="text">相关推荐</div>
</div>
<ul class="list-box">
<li v-for="(item, index) in listData" :key="index" @click="goPage(item)">
<img :src="item.photo_uri" alt="">
<div class="dec">{{ item.title }}</div>
</li>
</ul>
</div>
<div class="more-btn" @click="$router.push({ path: '/about/news' })">查看更多</div>
</div>
</template>
<script>
export default {
data () {
return {
data: {},
listData: []
}
},
async fetch() {
this.data = await this.$axios.$get(`/api/zws/v1/cms/news/${this.$route.query.id}`).then(res => {
return res
})
const params = {
page: 1,
per_page: 100,
type: 74,
project_id: 1013
}
this.listData = await this.$axios.$get('/api/zws/v1/cms/news', { params }).then(res => {
return res.filter((item, index) => {
return index < 3
})
})
},
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)
}
}
}
}
</script>
<style lang="scss" scoped>
.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%;
}
.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>
components/about/introduce.vue deleted 100644 → 0
浏览文件 @ 4e7fab33
<template>
<div class="intr-content-box">
<img src="https://zws-imgs-pub.ezijing.com/static/public/e9de7416bef8822d5557afdfcda69f8a.png" alt="">
<div class="text-content">
<div class="title">紫荆简介</div>
<div class="text-intr">
紫荆教育全称是清控紫荆（北京）教育科技股份有限公司，由清华控股有限公司于2015年以清华大学五道口金融学院相关知识产权创设而成。“紫荆”二字取自清华大学校花“紫荆花”，寓意“自强不息，向美而行”。<br />
紫荆教育以教育为本、以科技赋能、以专业化为基础，以国际化为目标，提供高端国际学位教育、职业教育和在线教育解决方案，为我国培养高质量的国际化人才和产业人才。
</div>
<div class="garish-content">
<div class="flex-box">
<div class="li w184">
<div class="col-txt">12<span>所</span></div>
<div class="n-txt">国际合作院校</div>
</div>
<div class="li w180">
<div class="col-txt">522<span>门</span></div>
<div class="n-txt">线上课程</div>
</div>
<div class="li w249">
<div class="col-txt">600<span>+</span></div>
<div class="n-txt">金融机构/协会/政府/学校</div>
</div>
<div class="li w186">
<div class="col-txt">700<span>+</span></div>
<div class="n-txt">国内外师资团队</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">学术直播课</div>
</div>
<div class="li w180">
<div class="col-txt">4800<span>+</span></div>
<div class="n-txt">总研发课时</div>
</div>
<div class="li w249">
<div class="col-txt">5000<span>+</span></div>
<div class="n-txt">学位学员</div>
</div>
<div class="li w186">
<div class="col-txt">500<span>万+</span></div>
<div class="n-txt">人次学习</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">专业化</div>
<div class="t2">长期思维&nbsp;&nbsp;严谨治学</div>
</div>
<div :class="indexActive === 1 ? 'li active' : 'li'" @click="changeIndex(1)">
<div class="t1">科技化</div>
<div class="t2">源自清华&nbsp;&nbsp;持续投入</div>
</div>
<div :class="indexActive === 2 ? 'li active' : 'li'" @click="changeIndex(2)">
<div class="t1">国际化</div>
<div class="t2">放眼全球&nbsp;&nbsp;国际合作</div>
</div>
</div>
<div class="tab-con" v-if="indexActive === 0">
<span>8</span>年深耕教育产业，完善的教学管理体系和内控体系 ; <br />
<span>12</span>所国际合作大学，<span>16</span>个国际学位项目，互认学分 ; <br />
<span>600+</span>金融机构政府、协会等合作单位 ; <br />
<span>50+</span>课程研发人员，<span>700+</span>师资团队，<span>4800+</span>总研发课时。
</div>
<div class="tab-con tab-con2" v-if="indexActive === 1">
源自清华 持续投入 <span>50+</span>技术研发团队，<span>1亿+</span>累计研发投入<br />
<span>500万+</span>总学习人次，<span>24</span>小时在线<br />
<span>1000+</span>次直播，<span>10000+</span>题库，<br />
大数据智能学习分析、作业评判、智能化营销数据分配<br />
</div>
<div class="tab-con tab-con3" v-if="indexActive === 2">
<span>WSCUC、AACSB、EQUIS…</span>认证<br />
<span>30</span>余位哈佛、清华、哥伦比亚等国际一流大学人才组成的国际化团队；<br />
<span>40%</span>员工有研究生学历<br />
<span>5</span>大洲<span>16</span>个国家/地区国际校友网络。覆盖全国<span>380+</span>省、市、自治区及行政特区
</div>
</div>
</div>
</div>
</template>
<script>
export default {
components: {
},
data() {
return {
indexActive: 0
}
},
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;
span{
font-size: 24px;
}
}
.n-txt{
font-size: 16px;
font-family: Source Han Sans CN;
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: 34px;
font-weight: 500;
color: #AA1941;
}
.t2{
font-size: 20px;
font-weight: 300;
line-height: 100%;
color: #424242;
margin-top: 16px;
text-align: center;
}
}
}
.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;
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/news.vue deleted 100644 → 0
浏览文件 @ 4e7fab33
<template>
<div class="news-content-box">
<img src="https://zws-imgs-pub.ezijing.com/static/public/a72ef577c9bae694c6bfc33e5bfc93af.png" alt="" class="banner">
<ul class="list-content">
<template v-for="(item, index) in listData">
<li @click="goDetail(item)" :key="index">
<img :src="item.photo_uri" alt="">
<div class="right-con">
<div class="time">{{ item.created_time }}</div>
<div class="title">{{ item.title }}</div>
<div class="text">{{ item.summary }}</div>
</div>
</li>
</template>
</ul>
</div>
</template>
<script>
export default {
data() {
return {
listData: []
}
},
async fetch() {
const params = {
page: 1,
per_page: 100,
type: this.$route.query.type || 74,
project_id: 1013
}
this.listData = await this.$axios.$get('/api/zws/v1/cms/news', { params }).then(res => {
return res
})
},
methods: {
goDetail(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>
.news-content-box{
width: 1000px;
padding-bottom: 100px;
display: block;
.banner{
width: 100%;
display: block;
}
.list-content{
width: 1000px;
padding: 50px;
background: #fff;
li{
display: flex;
border-bottom: 1px solid #E6E6E6;
margin-bottom: 20px;
padding-bottom: 36px;
cursor: pointer;
&:hover{
.right-con{
.text{
color: #141414;
}
}
}
img{
width: 320px;
height: 210px;
display: block;
}
.right-con{
margin-left: 30px;
.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: 5;
-webkit-box-orient: vertical;
}
}
}
}
}
</style>
components/about/tabNav.vue deleted 100644 → 0
浏览文件 @ 4e7fab33
<template>
<ul class="tab-content">
<li
v-for="(item, index) in dataNav"
:class="item.pathActive.findIndex(path => {
return path === $route.path
}) !== -1 && 'active'"
:key="index"
@click="goPage(item.goPath)"
>
{{ item.name }}
</li>
</ul>
</template>
<script>
export default {
data() {
return {
dataNav: [
{
name: '紫荆简介',
goPath: '/about/introduce',
pathActive: ['/about/introduce']
},
{
name: '文化理念',
goPath: '/about/culture',
pathActive: ['/about/culture']
},
{
name: '新闻中心',
goPath: '/about/news',
pathActive: ['/about/news', '/about/news-detail']
},
{
name: '联系我们',
goPath: '/about/contact',
pathActive: ['/about/contact']
}
// {
// name: '招聘信息',
// goPath: '',
// pathActive: ['']
// }
]
}
},
mounted() {
},
methods: {
goPage(path) {
this.$router.push({
path: path
})
}
}
}
</script>
<style lang="scss" scoped>
.tab-content{
width: 160px;
height: 420px;
background: #fff;
padding-top: 35px;
padding-bottom: 43px;
li{
position: relative;
width: 100%;
height: 40px;
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/alumnus/party.vue deleted 100644 → 0
浏览文件 @ 4e7fab33
<template>
<div class="party-content-box">
<img src="https://zws-imgs-pub.ezijing.com/static/public/54e010d17c5cf9a36ef3addd9e893a4f.png" alt="" class="banner">
<div class="party-con-mian">
<div class="tit">校友会简介</div>
<div class="text-con">
<p>紫荆教育拥有阵容强大、组织活跃、遍布全球的校友网络。截至2020年12月，紫荆校友人数已经超过5000位，校友们通过地区分会、行业协会/俱乐部、班级这个三维立体网络与紫荆紧密相连。同时，通过“i紫荆”在线信息平台，促进校友间的相互学习和交流。</p>
<p>至今，在广大校友的热情支持下，紫荆校友会已经先后成立了北京、上海、深圳等地校友分会，并将陆续成立其他省份和海外等多地校友分会。紫荆各地校友分会的成立将有效整合跨界资源的精英网络，为紫荆校友蓄势未来、取得更大成功奠定坚实的基础。</p>
<p>紫荆校友会不是简单意义上的校友联谊机构，她是紫荆教学活动的延续，是培养新生代企业家的一个重要环节。紫荆校友会秉持“紫荆花开，向美而行”的美好愿景，倡导培养终身学习的习惯，积极奉献爱心、回馈社会，并保持“健康可持续”的生活方式。在紫荆大家庭里，校友们生活上彼此关心、事业上相互支持、精神上相互激励，结交真心朋友、分享精彩人生。</p>
</div>
<div class="tit">校友分布</div>
<div class="text-con2">
国内学员已百分百覆盖中国34个省级行政区、380+城市及全球多个国家和地区
</div>
<div class="img-content">
<img src="https://zws-imgs-pub.ezijing.com/static/public/8d402595ac1eb1c5142b548fa84be60d.png" alt="" class="img1">
<img src="https://zws-imgs-pub.ezijing.com/static/public/560f659bcb9896f6dde674beeac1fd15.png" alt="" class="img2">
</div>
<div class="end-time">数据截止2020年6月</div>
</div>
</div>
</template>
<script>
export default {
}
</script>
<style lang="scss" scoped>
.party-content-box{
width: 1000px;
padding-bottom: 100px;
img{
width: 100%;
display: block;
}
.party-con-mian{
padding: 50px;
background: #fff;
.tit{
font-size: 22px;
line-height: 100%;
color: #424242;
margin-bottom: 20px;
}
.text-con{
p{
font-size: 16px;
font-family: SourceHanSansCN-Light;
line-height: 32px;
color: #424242;
margin-bottom: 35px;
}
}
.text-con2{
font-size: 16px;
font-family: SourceHanSansCN-Light;
line-height: 100%;
color: #424242;
margin-bottom: 25px;
}
.img-content{
display: flex;
.img1{
width: 389px;
height: 256px;
display: block;
}
.img2{
width: 383px;
height: 241px;
display: block;
margin-left: 105px;
}
}
.end-time{
text-align: right;
margin-top: 62px;
font-size: 16px;
color: #424242;
}
}
}
</style>
components/alumnus/tabNav.vue deleted 100644 → 0
浏览文件 @ 4e7fab33
<template>
<ul class="tab-content">
<li
v-for="(item, index) in dataNav"
:class="item.pathActive.findIndex(path => {
return path === $route.path
}) !== -1 && 'active'"
:key="index"
@click="goPage(item.goPath)"
>
{{ item.name }}
</li>
</ul>
</template>
<script>
export default {
data() {
return {
dataNav: [
{
name: '校友会',
goPath: '/alumnus',
pathActive: ['/alumnus']
}
]
}
},
mounted() {
},
methods: {
goPage(path) {
this.$router.push({
path: path
})
}
}
}
</script>
<style lang="scss" scoped>
.tab-content{
width: 160px;
height: 110px;
background: #fff;
padding-top: 35px;
padding-bottom: 43px;
li{
position: relative;
width: 100%;
height: 40px;
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/frame.vue 0 → 100644
浏览文件 @ 81aa5019
<template>
<div class="frame-content-box">
<ul class="tab-content">
<li
v-for="(item, index) in data.slider"
:class="item.pathActive.findIndex(path => {
return path === $route.path
}) !== -1 && 'active'"
:key="index"
@click="goPage(item.path)"
>
{{ item.name }}
</li>
</ul>
<div class="right-content">
<img src="https://zws-imgs-pub.ezijing.com/static/public/e9de7416bef8822d5557afdfcda69f8a.png" alt="" class="banner">
<div class="content-mian">
<slot></slot>
</div>
</div>
</div>
</template>
<script>
export default {
props: {
data: {
type: Object
}
},
data() {
return {
}
},
mounted() {
},
methods: {
goPage(path) {
this.$router.push({
path: path
})
}
}
}
</script>
<style lang="scss" scoped>
.frame-content-box{
width: 1200px;
margin: 0 auto;
padding: 56px 0 100px;
display: flex;
justify-content: space-between;
.right-content{
width: 1000px;
.banner{
width: 100%;
display: block;
height: 320px;
}
.content-mian{
background: #fff;
}
}
.tab-content{
width: 160px;
height: fit-content;
background: #fff;
padding-top: 35px;
padding-bottom: 43px;
li{
position: relative;
width: 100%;
height: 40px;
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/moduleTitle.vue 0 → 100644
浏览文件 @ 81aa5019
<template>
<div class="title-content">
<div class="left-title">
<div class="line"></div>
<div class="text">{{ data.name }}</div>
</div>
<div v-if="data.more" class="right-text" @click="$router.push({ path: data.more.path, query: data.more.query ? data.more.query : {} })">
查看更多+
</div>
</div>
</template>
<script>
export default {
props: {
data: {
type: Object
}
},
data() {
return {
}
},
methods: {
goPage(item) {
this.$router.push({
path: '/about/news-detail',
query: {
id: item.id
}
})
}
}
}
</script>
<style lang="scss" scoped>
.title-content{
display: flex;
height: 37px;
.left-title{
display: flex;
align-items: center;
.line{
width: 7px;
height: 37px;
background: #AA1941;
}
.text{
font-size: 32px;
font-weight: bold;
line-height: 34px;
color: #333;
margin-left: 20px;
}
}
.right-text{
margin-left: auto;
font-size: 16px;
color: #9B9B9B;
cursor: pointer;
}
}
</style>
\ No newline at end of file
components/home/projectFeatures.vue
浏览文件 @ 81aa5019
<template>
<div class="service-content max-width-center">
<div class="title">项目特色</div>
<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">
......@@ -11,14 +11,27 @@
</div>
</template>
<script>
import mTitle from '../../components/home/moduleTitle'
export default {
components: {
mTitle
},
data() {
return {
titleParams: {
name: '项目特色',
more: {
path: '/',
query: {
id: 1
}
}
},
data: [
{
icon: 'https://zws-imgs-pub.ezijing.com/static/public/3118a654ec7f92a52b7d04f2f1f5989a.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/37488a824991634e9283c870d976eb79.png',
text: '1+X', path: 'https://x.ezijing.com', pathType: 0
text: '全方位的金融职业<br />教育课程体系', path: 'https://x.ezijing.com', pathType: 0
},
{
icon: 'https://zws-imgs-pub.ezijing.com/static/public/7bea5e01e4e4c92e104bb1d73d313500.png',
......@@ -39,16 +52,6 @@ export default {
icon: 'https://zws-imgs-pub.ezijing.com/static/public/0912f621abe188ccc84df6520a8fecf9.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/759a550044932bcf0f1159d103361ed2.png',
text: '双高建设', path: '', pathType: 0
},
{
icon: 'https://zws-imgs-pub.ezijing.com/static/public/6cf5b6010dd7d35a80d4acc270db8a86.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/4e86da38599e6fcfdd53f459df2f0a16.png',
text: '在线教育<br />解决方案', path: '', pathType: 0
},
{
icon: 'https://zws-imgs-pub.ezijing.com/static/public/9603456c7edb101ec5469f92e9e21553.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/ae17f20f43525893b263fef139ea7006.png',
text: '更多', path: '', pathType: 0
}
]
}
......@@ -67,27 +70,24 @@ export default {
<style lang="scss" scoped>
.service-content{
padding-top: 44px;
.title{
font-size: 24px;
font-weight: bold;
line-height: 34px;
color: #424242;
margin-bottom: 20px;
}
padding-top: 68px;
.nav-content{
display: flex;
justify-content: space-between;
padding-top: 15px;
li{
width: 156px;
height: 186px;
background: #FFFFFF;
padding-top: 36px;
margin-right: 20px;
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 .5s;
transition: all .3s;
img{
width: 64px;
height: 64px;
width: 80px;
height: 80px;
display: block;
margin: 0 auto;
}
......@@ -95,7 +95,8 @@ export default {
display: none;
}
&:hover{
background: rgba(170, 25, 65, 1);
background: #AA1941;
box-shadow: 0px 4px 20px rgba(142, 30, 34, 0.41);
.text{
color: #fff;
}
......@@ -107,12 +108,11 @@ export default {
}
}
.text{
text-align: center;
font-size: 14px;
font-weight: 400;
line-height: 18px;
color: #666666;
margin-top: 20px;
text-align: center;
}
}
}
......
pages/about/contact.vue deleted 100644 → 0
浏览文件 @ 4e7fab33
<template>
<div class="news-content">
<tab />
<contact-content />
</div>
</template>
<script>
import tab from '../../components/about/tabNav'
import contactContent from '../../components/about/contact'
export default {
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/culture.vue deleted 100644 → 0
浏览文件 @ 4e7fab33
<template>
<div class="culture-content">
<tab />
<culture-content />
</div>
</template>
<script>
import tab from '../../components/about/tabNav'
import cultureContent from '../../components/about/culture'
export default {
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/introduce.vue deleted 100644 → 0
浏览文件 @ 4e7fab33
<template>
<div class="intr-content">
<tab />
<intr-content />
</div>
</template>
<script>
import tab from '../../components/about/tabNav'
import intrContent from '../../components/about/introduce'
export default {
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/news-detail.vue deleted 100644 → 0
浏览文件 @ 4e7fab33
<template>
<div class="news-content">
<tab />
<detail-content />
</div>
</template>
<script>
import tab from '../../components/about/tabNav'
import detailContent from '../../components/about/detail'
export default {
components: {
tab,
detailContent
}
}
</script>
<style lang="scss" scoped>
.news-content{
width: 1200px;
margin: 0 auto;
padding-top: 63px;
display: flex;
justify-content: space-between;
}
</style>
pages/about/news.vue deleted 100644 → 0
浏览文件 @ 4e7fab33
<template>
<div class="news-content">
<tab />
<news-content />
</div>
</template>
<script>
import tab from '../../components/about/tabNav'
import newsContent from '../../components/about/news'
export default {
components: {
tab,
newsContent
}
}
</script>
<style lang="scss" scoped>
.news-content{
width: 1200px;
margin: 0 auto;
padding-top: 63px;
display: flex;
justify-content: space-between;
}
</style>
pages/alumnus/index.vue deleted 100644 → 0
浏览文件 @ 4e7fab33
<template>
<div class="news-content">
<tab />
<party-content />
</div>
</template>
<script>
import tab from '../../components/alumnus/tabNav'
import partyContent from '../../components/alumnus/party'
export default {
components: {
tab,
partyContent
}
}
</script>
<style lang="scss" scoped>
.news-content{
width: 1200px;
margin: 0 auto;
padding-top: 63px;
display: flex;
justify-content: space-between;
}
</style>
pages/in.vue 0 → 100644
浏览文件 @ 81aa5019
<template>
<div>
<frame :data="frameParams">
<p>1111</p>
</frame>
</div>
</template>
<script>
import frame from '../components/frame'
export default {
frame,
data() {
return {
frameParams: {
banner: '',
slider: [
{
name: '项目背景',
path: '/in',
pathActive: ['/in']
},
{
name: '项目特色',
path: '/in2',
pathActive: ['/in2']
}
]
}
}
}
}
</script>
<style lang="scss" scoped>
</style>
pages/index.vue
浏览文件 @ 81aa5019
......@@ -3,17 +3,17 @@
<!-- 轮播图 -->
<banner />
<!-- 项目特色 -->
<project-features :class="isScale && 'scale space2'"/>
<project-features />
<!-- 项目公告 -->
<project-notice :class="isScale && 'scale space3'"/>
<project-notice />
<!-- 校长寄语 -->
<headmaster-msg :class="isScale && 'scale space4'"/>
<!-- <headmaster-msg :class="isScale && 'scale space4'"/> -->
<!-- 校友故事 -->
<alumni-stories :class="isScale && 'space5'"/>
<!-- <alumni-stories :class="isScale && 'space5'"/> -->
<!-- 公开课 -->
<open-class :class="isScale && 'scale space6'" />
<!-- <open-class :class="isScale && 'scale space6'" /> -->
<!-- 教育服务案例 -->
<service-case :class="isScale && 'scale space7'"/>
<!-- <service-case :class="isScale && 'scale space7'"/> -->
<!-- 右侧功能栏 -->
<right-aside />
</div>
......@@ -59,28 +59,4 @@ export default {
.container{
padding-bottom: 100px;
}
.scale{
transform: scale(0.85);
}
.space1{
transform: translateY(-30px) scale(0.85);
}
.space2{
transform: translateY(-60px) scale(0.85);
}
.space3{
transform: translateY(-90px) scale(0.85);
}
.space4{
transform: translateY(-110px) scale(0.85);
}
.space5{
transform: translateY(-140px);
}
.space6{
transform: translateY(-170px) scale(0.85);
}
.space7{
transform: translateY(-230px) scale(0.85);
}
</style>
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论