Skip to content

P
project-www-pc
提交 82381f2f authored 作者: matian's avatar matian
浏览文件
操作

updates

上级 35b989ea
隐藏空白字符变更
内嵌 并排
正在显示 包含 207 行增加 和 168 行删除
components/home/alumniStories.vue
浏览文件 @ 82381f2f
...@@ -124,7 +124,6 @@ export default { ...@@ -124,7 +124,6 @@ export default {
.content_desc { .content_desc {
width: 568px; width: 568px;
height: 100%; height: 100%;
margin-left: 32px; margin-left: 32px;
.desc_tit { .desc_tit {
margin-top: 56px; margin-top: 56px;
......
components/home/openClass.vue
浏览文件 @ 82381f2f
...@@ -116,14 +116,14 @@ export default { ...@@ -116,14 +116,14 @@ export default {
left: 0; left: 0;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
line-height: 40px;
background: rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.5);
padding: 0 20px; padding: 17px 0 14px 17px;
font-size: 20px; font-size: 18px;
color: #fefefe; color: #ffffff;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
box-sizing: border-box;
} }
} }
...@@ -172,7 +172,7 @@ export default { ...@@ -172,7 +172,7 @@ export default {
margin-left: 17px; margin-left: 17px;
.tit { .tit {
font-size: 18px; font-size: 18px;
font-weight: 500; font-weight: 400;
line-height: 24px; line-height: 24px;
color: #333333; color: #333333;
} }
......
components/home/projectNotice.vue
浏览文件 @ 82381f2f
...@@ -52,7 +52,7 @@ export default { ...@@ -52,7 +52,7 @@ export default {
delay: 3000, delay: 3000,
loop: true, loop: true,
direction: 'vertical', direction: 'vertical',
height: 82, height: 102,
loopAdditionalSlides: 1 loopAdditionalSlides: 1
}, },
activityList: [] activityList: []
...@@ -134,7 +134,7 @@ export default { ...@@ -134,7 +134,7 @@ export default {
// transform: translateY(-15px); // transform: translateY(-15px);
.li { .li {
display: flex; display: flex;
align-items: center; align-items: flex-start;
padding-top: 26px; padding-top: 26px;
padding-bottom: 26px; padding-bottom: 26px;
.txt { .txt {
...@@ -143,6 +143,12 @@ export default { ...@@ -143,6 +143,12 @@ export default {
font-weight: 400; font-weight: 400;
color: #424242; color: #424242;
text-align: center; text-align: center;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; //超出第几行，关键在这里
line-clamp: 2; //超出第几行，关键在这里
} }
.time { .time {
font-size: 30px; font-size: 30px;
......
components/home/projectService.vue
浏览文件 @ 82381f2f
...@@ -75,7 +75,7 @@ export default { components: { Goverment, School, Company, Personal } } ...@@ -75,7 +75,7 @@ export default { components: { Goverment, School, Company, Personal } }
height: 643px; height: 643px;
background: #ffffff; background: #ffffff;
margin-top: 18px; margin-top: 18px;
padding: 30px; padding: 32px 40px 57px 32px;
} }
} }
} }
......
components/home/projectService/company.vue
浏览文件 @ 82381f2f
...@@ -79,6 +79,7 @@ export default { ...@@ -79,6 +79,7 @@ export default {
} }
li:nth-child(2) { li:nth-child(2) {
margin-top: 40px; margin-top: 40px;
z-index: 10;
} }
} }
} }
......
components/home/projectService/personal.vue
浏览文件 @ 82381f2f
...@@ -4,58 +4,40 @@ ...@@ -4,58 +4,40 @@
<div class="content_top"> <div class="content_top">
<h6 class="top_title">国际学位</h6> <h6 class="top_title">国际学位</h6>
<div class="top_con"> <div class="top_con">
<div class="con_left"> <div class="con_left" v-for="(item, index) in degreeList" :key="index">
<div class="left_tit">— 硕士 —</div> <div class="left_tit">{{ item.title }}</div>
<ul class="left_con"> <div class="left_content">
<li v-for="(item, index) in masterList" :key="index"> <ul class="left_con">
<AppLink :data="item"> <li v-for="(it, index) in item.children" :key="index">
<img :src="item.img" alt="" class="con_img" /> <AppLink :data="it">
<div class="con_desc" v-html="item.desc"></div> <img :src="it.img" alt="" class="con_img" />
</AppLink> <div class="con_desc" v-html="it.desc"></div>
</li> </AppLink>
</ul> </li>
</div> </ul>
<div class="con_left"> <div class="line" v-if="item.isLine"></div>
<div class="left_tit">— MBA —</div> </div>
<ul class="left_con left_con2">
<li v-for="(item, index) in mbaList" :key="index">
<AppLink :data="item">
<img :src="item.img" alt="" class="con_img" />
<div class="con_desc" v-html="item.desc"></div>
</AppLink>
</li>
</ul>
</div> </div>
</div> </div>
</div> </div>
<div class="content_top"> <div class="content_top">
<h6 class="top_title">留学深造</h6> <h6 class="top_title">留学深造</h6>
<div class="top_con"> <div class="top_con">
<div class="con_left"> <div class="con_left con_left1" v-for="(item, index) in abroadList" :key="index">
<div class="left_tit">— 硕士直通车 —</div> <div class="left_tit">{{ item.title }}</div>
<ul class="left_con1"> <div class="left_content">
<li v-for="(item, index) in masterAbroadList" :key="index"> <ul class="left_con1">
<AppLink :data="item"> <li v-for="(it, index) in item.children" :key="index">
<div class="con"> <AppLink :data="it">
<img :src="item.img" alt="" class="con_img" /> <div class="con">
<div class="con_desc" v-html="item.desc"></div> <img :src="it.img" alt="" class="con_img" />
</div> <div class="con_desc" v-html="it.desc"></div>
</AppLink> </div>
</li> </AppLink>
</ul> </li>
</div> </ul>
<div class="con_left"> <div class="line1" v-if="item.isLine"></div>
<div class="left_tit">— 博士 —</div> </div>
<ul class="left_con1 left_con2">
<li v-for="(item, index) in doctorList" :key="index">
<AppLink :data="item">
<div class="con">
<img :src="item.img" alt="" class="con_img" />
<div class="con_desc" v-html="item.desc"></div>
</div>
</AppLink>
</li>
</ul>
</div> </div>
</div> </div>
</div> </div>
...@@ -68,62 +50,84 @@ export default { ...@@ -68,62 +50,84 @@ export default {
components: { AppLink }, components: { AppLink },
data() { data() {
return { return {
masterList: [ degreeList: [
{
img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/master_med1.png',
desc: '教育学硕士(儿童)<br/>MED',
href: 'https://cu.ezijing.com/'
},
{
img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/master_msf.png',
desc: '金融硕士<br/>MSF',
href: 'https://kelley.ezijing.com/'
},
{ {
img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/master_map.png', title: '— 硕士 —',
desc: '应用心理学硕士<br/>MAP', isLine: true,
href: 'https://ciis.ezijing.com/' children: [
}, {
{ img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/master_med1.png',
img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/master_med2.png', desc: '教育学硕士(儿童)<br/>MED',
desc: '教育学硕士(家庭) <br/>MED', href: 'https://cu.ezijing.com/'
href: 'https://cuw.ezijing.com/index' },
} {
], img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/master_msf.png',
mbaList: [ desc: '金融硕士<br/>MSF',
{ href: 'https://kelley.ezijing.com/'
img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/mba1.png', },
desc: '数字领导力方向<br/>MBA', {
href: 'https://marywood.ezijing.com/' img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/master_map.png',
}, desc: '应用心理学硕士<br/>MAP',
{ href: 'https://ciis.ezijing.com/'
img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/mba2.png', },
desc: '酒店和旅游方向<br/>MBA', {
href: 'https://shms.ezijing.com/' img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/master_med2.png',
desc: '教育学硕士(家庭) <br/>MED',
href: 'https://cuw.ezijing.com/index'
}
]
}, },
{ {
img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/mba3.png', title: '— MBA —',
desc: '餐饮管理方向<br/>MBA', isLine: false,
href: 'https://caas.ezijing.com/'
children: [
{
img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/mba1.png',
desc: '数字领导力方向<br/>MBA',
href: 'https://marywood.ezijing.com/'
},
{
img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/mba2.png',
desc: '酒店和旅游方向<br/>MBA',
href: 'https://shms.ezijing.com/'
},
{
img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/mba3.png',
desc: '餐饮管理方向<br/>MBA',
href: 'https://caas.ezijing.com/'
}
]
} }
], ],
masterAbroadList: [
abroadList: [
{ {
img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/abroad1.png', title: '— 硕士直通车 —',
desc: '纽约州立大学石溪分校<br/>金融学硕士保研项目', isLine: true,
href: 'https://sbu-plus.ezijing.com/' children: [
{
img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/abroad1.png',
desc: '纽约州立大学石溪分校<br/>金融学硕士保研项目',
href: 'https://sbu-plus.ezijing.com/'
},
{
img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/abroad2.png',
desc: '斯蒂文斯理工学院<br/>工程管理硕士保研项目',
href: 'https://sit-plus.ezijing.com/'
}
]
}, },
{ {
img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/abroad2.png', title: '— 博士 —',
desc: '斯蒂文斯理工学院<br/>工程管理硕士保研项目', isLine: false,
href: 'https://sit-plus.ezijing.com/' children: [
} {
], img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/abroad3.png',
doctorList: [ desc: '加州浸会大学<br/>工商管理博士项目DBA',
{ href: 'https://cbu-plus.ezijing.com/'
img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/abroad3.png', }
desc: '加州浸会大学<br/>工商管理博士项目DBA', ]
href: 'https://cbu-plus.ezijing.com/'
} }
] ]
} }
...@@ -155,97 +159,126 @@ export default { ...@@ -155,97 +159,126 @@ export default {
height: 192px; height: 192px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; // align-items: center;
.left_tit { .left_tit {
font-size: 16px; font-size: 16px;
color: #000000; color: #000000;
} }
.left_con { .left_content {
display: flex; display: flex;
justify-content: space-around; .left_con {
margin-top: 10px;
li {
width: 148px;
height: 156px;
opacity: 1;
display: flex; display: flex;
flex-direction: column; justify-content: space-around;
align-items: center; margin-top: 30px;
padding-top: 10px; li {
cursor: pointer; width: 148px;
display: flex;
flex-direction: column;
align-items: center;
cursor: pointer;
&:hover { &:hover {
background: #aa1940; background: #aa1940;
padding-top: 10px;
padding-bottom: 14px;
margin-top: -10px;
.con_desc {
color: #f9f8f8;
}
}
.con_img {
width: 128px;
height: 90px;
}
.con_desc { .con_desc {
color: #f9f8f8; text-align: center;
margin-top: 10px;
font-size: 14px;
line-height: 18px;
color: #333333;
} }
} }
.con_img { li:not(:last-child) {
width: 128px; margin-right: 10px;
height: 90px;
}
.con_desc {
text-align: center;
margin-top: 10px;
font-size: 14px;
line-height: 18px;
color: #333333;
} }
} }
li:last-child { .line {
margin-right: 37px; width: 0px;
height: 129px;
border: 1px dashed #c4c4c4;
margin: 30px 25px 5px 25px;
} }
}
.left_con1 { .left_con1 {
display: flex; display: flex;
margin-top: 30px; margin-top: 30px;
li { li {
width: 342px;
height: 130px;
background: #f9f8f8;
box-sizing: border-box;
.con {
width: 342px; width: 342px;
height: 130px; height: 130px;
display: flex; background: #f9f8f8;
justify-content: center; box-sizing: border-box;
align-items: center; .con {
padding: 10px 16px 10px 10px; width: 342px;
} height: 130px;
&:hover { display: flex;
background: #aa1940; justify-content: center;
align-items: center;
padding: 10px 16px 10px 10px;
}
&:hover {
background: #aa1940;
.con_desc {
color: #f9f8f8;
}
}
.con_img {
width: 160px;
height: 110px;
}
.con_desc { .con_desc {
color: #f9f8f8; margin-left: 16px;
white-space: nowrap;
text-align: center;
width: 140px;
font-size: 14px;
line-height: 18px;
color: #333333;
} }
} }
.con_img { li:nth-child(2) {
width: 160px; margin-left: 30px;
height: 110px;
}
.con_desc {
margin-left: 16px;
white-space: nowrap;
text-align: center;
width: 140px;
font-size: 14px;
line-height: 18px;
color: #333333;
} }
} }
li:nth-child(2) { .line1 {
margin-left: 40px; width: 0px;
} height: 129px;
li:last-child { border: 1px dashed #c4c4c4;
margin-right: 37px; margin: 30px 35px;
} }
} }
.left_con2 { }
padding-left: 35px; .con_left:nth-child(1) {
border-left: 1px dashed #c4c4c4; .left_tit {
margin-left: 275px;
} }
} }
.con_left1:nth-child(1) {
.left_tit {
margin-left: 296px;
}
}
.con_left:nth-child(2) {
align-items: center;
// .left_tit {
// margin-left: 188px;
// }
}
// .con_left:nth-child(3) {
// .left_tit {
// margin-left: 296px;
// }
// }
} }
} }
</style> </style>
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论