Skip to content

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

update

上级 81aa5019
显示空白字符变更
内嵌 并排
正在显示 包含 298 行增加 和 23 行删除
components/frame.vue → components/appFrame.vue
浏览文件 @ 53e7be07
...@@ -22,6 +22,7 @@ ...@@ -22,6 +22,7 @@
</template> </template>
<script> <script>
export default { export default {
name: 'appFrame',
props: { props: {
data: { data: {
type: Object type: Object
......
components/home/news.vue 0 → 100644
浏览文件 @ 53e7be07
<template>
<div class="news-content-box">
<m-title :data="titleParams"/>
<div class="content-box">
<div class="news-left">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/home-ranking-bg.png" alt="">
<div class="mantle-box">
<div class="tit">清华、交大等名校本硕博齐聚，全美第一在线金融硕士盛大开学！</div>
<div class="con-txt">2020年12月5日至6日，来自全国各行业的57名精英学子齐聚全美第一在线金融硕士开学典礼，本届紫荆-KELLEY MSF学员人才济济、出类拔群......</div>
</div>
</div>
<ul class="news-right">
<li>
<div class="time">2021 / 12 / 14</div>
<div class="news-r-title">清华、交大等名校本硕博齐聚，全美第一在线金融硕士盛大开学！</div>
<div class="del">2020年12月5日至6日，来自全国各行业的57名精英</div>
</li>
<li>
<div class="time">2021 / 12 / 14</div>
<div class="news-r-title">清华、交大等名校本硕博齐聚，全美第一在线金融硕士盛大开学！</div>
<div class="del">2020年12月5日至6日，来自全国各行业的57名精英</div>
</li>
<li>
<div class="time">2021 / 12 / 14</div>
<div class="news-r-title">清华、交大等名校本硕博齐聚，全美第一在线金融硕士盛大开学！</div>
<div class="del">2020年12月5日至6日，来自全国各行业的57名精英</div>
</li>
</ul>
</div>
</div>
</template>
<script>
import mTitle from '../../components/home/moduleTitle'
export default {
components: {
mTitle
},
data() {
return {
titleParams: {
name: '最新动态',
more: {
path: '/',
query: {
id: 1
}
}
}
}
}
}
</script>
<style lang="scss" scoped>
.news-content-box{
width: 1200px;
margin: 0 auto;
padding-top: 65px;
.content-box{
display: flex;
justify-content: space-between;
padding-top: 26px;
.news-left{
width: 780px;
height: 500px;
position: relative;
img{
width: 100%;
height: 100%;
display: block;
}
.mantle-box{
width: 100%;
position: absolute;
bottom: 0;
left: 0;
background: rgba(0,0,0,.2);
padding: 30px 37px;
.tit{
font-size: 24px;
font-weight: bold;
line-height: 100%;
color: #FFFFFF;
width: 696px;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.con-txt{
width: 461px;
font-size: 14px;
line-height: 24px;
color: #FFFFFF;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
margin-top: 10px;
}
}
}
.news-right{
li{
width: 366px;
border-bottom: 1px solid #e3e3e3;
padding-bottom: 19px;
margin-bottom: 30px;
.time{
font-size: 16px;
font-weight: normal;
line-height: 100%;
color: #8E1E22;
}
.news-r-title{
font-size: 22px;
font-weight: bold;
line-height: 30px;
color: #333333;
margin-top: 15px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.del{
width: 350px;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
font-size: 14px;
line-height: 100%;
color: #999999;
margin-top: 15px;
}
}
}
}
}
</style>
components/home/projectFeatures.vue
浏览文件 @ 53e7be07
...@@ -29,29 +29,29 @@ export default { ...@@ -29,29 +29,29 @@ export default {
}, },
data: [ data: [
{ {
icon: 'https://zws-imgs-pub.ezijing.com/static/public/3118a654ec7f92a52b7d04f2f1f5989a.png', icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/home-icon1.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/37488a824991634e9283c870d976eb79.png', iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/home-icon-s1.png',
text: '全方位的金融职业<br />教育课程体系', 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', icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/home-icon2.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/8b624145e8cd4a8c38f108dbd0efc3eb.png', iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/home-icon-s2.png',
text: '专业共建', path: '', pathType: 0 text: '专业金融<br />在线教育品牌', path: '', pathType: 0
}, },
{ {
icon: 'https://zws-imgs-pub.ezijing.com/static/public/6db512b8b2b4501651e6f9bc520d7379.png', icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/home-icon3.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/bcbc44b065ea26146a68750e82aa058c.png', iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/home-icon-s3.png',
text: '校企合作', path: '', pathType: 0 text: '科学成熟的<br />在线教育模式', path: '', pathType: 0
}, },
{ {
icon: 'https://zws-imgs-pub.ezijing.com/static/public/0e5522064d9070290b3d541a485d469f.png', icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/home-icon4.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/01d9b50bd0e2e2355a18f486181d710a.png', iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/home-icon-s4.png',
text: '产业学院', path: '', pathType: 0 text: '无需联考、快速入门<br />的学习体验', path: '', pathType: 0
}, },
{ {
icon: 'https://zws-imgs-pub.ezijing.com/static/public/0912f621abe188ccc84df6520a8fecf9.png', icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/home-icon5.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/759a550044932bcf0f1159d103361ed2.png', iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/home-icon-s5.png',
text: '双高建设', path: '', pathType: 0 text: '聚焦中国实践和国际前沿<br />的最新课程', path: '', pathType: 0
} }
] ]
} }
......
components/home/schoolRanking.vue 0 → 100644
浏览文件 @ 53e7be07
<template>
<div class="ranking-content-box">
<div class="title">
<div class="line"></div>
<div class="name">学校排名</div>
<div class="line"></div>
</div>
<div class="content-mian">
<div class="li">
<div class="li-tit">印第安纳大学</div>
<div class="item">
<div class="tit"><span>No.</span>11</div>
<div class="p">全球最佳研究生院排名</div>
<div class="p">2018 《美国新闻与世界报道》</div>
</div>
<div class="item">
<div class="tit"><span>No.</span>21</div>
<div class="p">全美最佳商学院研究生综合排名</div>
<div class="p">2018 《美国新闻与世界报道》</div>
</div>
</div>
<div class="li">
<div class="li-tit">KELLEY 商学院</div>
<div class="item">
<div class="tit"><span>No.</span>21</div>
<div class="p">总体排名</div>
<div class="p">2018 《美国新闻与世界报道》</div>
</div>
<div class="item">
<div class="tit"><span>No.</span>1</div>
<div class="p">学生满意度排名</div>
<div class="p">2016 《彭博商业周刊》</div>
</div>
</div>
<div class="li mar-t">
<div class="li-tit">KELLEY<br />在线金融硕士</div>
<div class="item">
<div class="tit"><span>No.</span>11</div>
<div class="p">全球最佳研究生院排名</div>
<div class="p">2018 《美国新闻与世界报道》</div>
</div>
<div class="item">
<div class="tit"><span>No.</span>21</div>
<div class="p">全美最佳商学院研究生综合排名</div>
<div class="p">2018 《美国新闻与世界报道》</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
}
</script>
<style lang="scss" scoped>
.ranking-content-box{
margin-top: 57px;
width: 100%;
height: 680px;
background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/home-ranking-bg.png) center;
background-size: cover;
.title{
width: 996px;
display: flex;
margin: 0 auto;
justify-content: space-between;
align-items: center;
padding: 108px 0 100px;
.line{
width: 369px;
height: 1px;
background: #FFFFFF;
}
.name{
font-size: 36px;
font-weight: bold;
line-height: 100%;
color: #FFFFFF;
}
}
.content-mian{
width: 1000px;
margin: 0 auto;
display: flex;
justify-content: space-between;
.li{
width: 250px;
&.mar-t{
transform: translateY(-35px);
.li-tit{
line-height: 34px;
transform: translateY(20px);
}
}
.li-tit{
text-align: center;
font-size: 30px;
line-height: 100%;
color: #fff;
}
.item{
.tit{
padding-top: 46px;
font-size: 48px;
line-height: 100%;
color: #FFFFFF;
text-align: center;
margin-bottom: 15px;
line-height: 100%;
span{
font-size: 24px;
}
}
.p{
text-align: center;
font-size: 16px;
line-height: 100%;
color: #FFFFFF;
margin-bottom: 11px;
}
}
}
}
}
</style>
\ No newline at end of file
pages/in.vue
浏览文件 @ 53e7be07
<template> <template>
<div> <div>
<frame :data="frameParams"> <app-frame :data="frameParams">
<p>1111</p> 123
</frame> </app-frame>
</div> </div>
</template> </template>
<script> <script>
import frame from '../components/frame' import appFrame from '../components/appFrame'
export default { export default {
frame, components: {
appFrame
},
data() { data() {
return { return {
frameParams: { frameParams: {
......
pages/index.vue
浏览文件 @ 53e7be07
...@@ -4,8 +4,10 @@ ...@@ -4,8 +4,10 @@
<banner /> <banner />
<!-- 项目特色 --> <!-- 项目特色 -->
<project-features /> <project-features />
<!-- 项目公告 --> <!-- 学校排名 -->
<project-notice /> <school-ranking />
<!-- 最新动态 -->
<news />
<!-- 校长寄语 --> <!-- 校长寄语 -->
<!-- <headmaster-msg :class="isScale && 'scale space4'"/> --> <!-- <headmaster-msg :class="isScale && 'scale space4'"/> -->
<!-- 校友故事 --> <!-- 校友故事 -->
...@@ -21,8 +23,10 @@ ...@@ -21,8 +23,10 @@
<script> <script>
import banner from '../components/home/banner' import banner from '../components/home/banner'
// import degreeEducation from '../components/home/degreeEducation'
import projectFeatures from '../components/home/projectFeatures' import projectFeatures from '../components/home/projectFeatures'
import schoolRanking from '../components/home/schoolRanking'
import news from '../components/home/news'
import projectNotice from '../components/home/projectNotice' import projectNotice from '../components/home/projectNotice'
import headmasterMsg from '../components/home/headmasterMsg' import headmasterMsg from '../components/home/headmasterMsg'
import alumniStories from '../components/home/alumniStories' import alumniStories from '../components/home/alumniStories'
...@@ -32,8 +36,10 @@ import rightAside from '../components/rightAside' ...@@ -32,8 +36,10 @@ import rightAside from '../components/rightAside'
export default { export default {
components: { components: {
banner, banner,
// degreeEducation,
projectFeatures, projectFeatures,
schoolRanking,
news,
projectNotice, projectNotice,
headmasterMsg, headmasterMsg,
alumniStories, alumniStories,
...@@ -57,6 +63,7 @@ export default { ...@@ -57,6 +63,7 @@ export default {
</script> </script>
<style> <style>
.container{ .container{
width: 100%;
padding-bottom: 100px; padding-bottom: 100px;
} }
</style> </style>
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论