Skip to content

P
project-online-pc
提交 19987049 authored 作者: lhh's avatar lhh
浏览文件
操作

update

上级 bf05aa44
全部展开 隐藏空白字符变更
内嵌 并排
正在显示 包含 129 行增加 和 74 行删除
components/Card.vue
浏览文件 @ 19987049
...@@ -22,7 +22,7 @@ export default { ...@@ -22,7 +22,7 @@ export default {
</script> </script>
<style lang="scss"> <style lang="scss">
.is-pc{ .is-pc {
.card { .card {
// margin: 0.2rem 0.15rem; // margin: 0.2rem 0.15rem;
} }
...@@ -48,7 +48,7 @@ export default { ...@@ -48,7 +48,7 @@ export default {
.card-bd { .card-bd {
} }
} }
.is-h5{ .is-h5 {
.card { .card {
margin: 0.2rem 0.15rem; margin: 0.2rem 0.15rem;
} }
......
components/home/projectFeatures.vue
浏览文件 @ 19987049
...@@ -121,7 +121,7 @@ export default { ...@@ -121,7 +121,7 @@ export default {
.card-item { .card-item {
margin-right: 10px; margin-right: 10px;
flex: 0 0 1.93rem; flex: 0 0 1.93rem;
height: 2.75rem; height: 1.4rem;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
.item_media { .item_media {
...@@ -149,7 +149,7 @@ export default { ...@@ -149,7 +149,7 @@ export default {
.item_desc { .item_desc {
position: absolute; position: absolute;
left: 0; left: 0;
top: 1.1rem; top: 0;
width: 100%; width: 100%;
height: 2rem; height: 2rem;
...@@ -174,10 +174,10 @@ export default { ...@@ -174,10 +174,10 @@ export default {
font-size: 0.12rem; font-size: 0.12rem;
font-weight: 400; font-weight: 400;
color: #fff; color: #fff;
margin-top: 0.2rem; // margin-top: 0.2rem;
line-height: 0.24rem; line-height: 0.24rem;
text-align: justify; text-align: justify;
margin: auto; margin: 0 auto;
} }
} }
} }
......
components/layout/h5/Header.vue
浏览文件 @ 19987049
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
src="http://zws-imgs-pub.oss-cn-beijing.aliyuncs.com/static/ezijing/logo/ezijing-logo.svg" src="http://zws-imgs-pub.oss-cn-beijing.aliyuncs.com/static/ezijing/logo/ezijing-logo.svg"
/> />
<nuxt-link to="/home" class="logo"> <nuxt-link to="/home" class="logo">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-shms/seg-shms-logo.png" /> <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/h5/h5-logo.png" />
</nuxt-link> </nuxt-link>
</div> </div>
<div class="search" @click="toggleSearch"></div> <div class="search" @click="toggleSearch"></div>
......
pages/course/index.vue
浏览文件 @ 19987049
<template> <template>
<div> <div :class="isMobile ? 'is-h5' : 'is-pc'">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/course-banner.png" style="width: 100%" /> <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/course-banner.png" style="width: 100%" />
<div class="max-width-center"> <div class="max-width-center">
<card title="研究路径"> <card title="研究路径">
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
</div> </div>
</div> </div>
</card> </card>
<card title="国内专业研究课程" style="margin-top: 103px"> <card title="国内专业研究课程" style="margin-top: 103px" class="card-h5-m">
<div> <div>
<img <img
class="chart" class="chart"
...@@ -27,8 +27,8 @@ ...@@ -27,8 +27,8 @@
/> />
</div> </div>
</card> </card>
<card title="海外国际商学院学习模块" style="margin-top: 103px"> <card title="海外国际商学院学习模块" style="margin-top: 103px" class="card-h5-m">
<div style="background-color: #fff; padding-bottom: 32px"> <div style="background-color: #fff; padding-bottom: 32px" class="h5-ba">
<img <img
class="chart2" class="chart2"
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/course-img3-new.png" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/course-img3-new.png"
...@@ -37,8 +37,8 @@ ...@@ -37,8 +37,8 @@
<div class="t-g2">注：每学年校方会组织两次 以上活动，学生每年至少参加一次活动，即可获得学分</div> <div class="t-g2">注：每学年校方会组织两次 以上活动，学生每年至少参加一次活动，即可获得学分</div>
</div> </div>
</card> </card>
<card title="前沿创新论坛" style="margin-top: 103px; margin-bottom: 100px"> <card title="前沿创新论坛" style="margin-top: 103px; margin-bottom: 100px" class="card-h5-m">
<div style="background-color: #fff; padding-bottom: 32px"> <div style="background-color: #fff; padding-bottom: 32px" class="h5-ba">
<img <img
class="chart2" class="chart2"
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/course-img2-new.png" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/course-img2-new.png"
...@@ -68,76 +68,131 @@ import Card from '@/components/Card' ...@@ -68,76 +68,131 @@ import Card from '@/components/Card'
export default { export default {
layout: 'normal', layout: 'normal',
components: { Card }, components: { Card },
computed: {
isMobile() {
return this.$store.state.isMobile
}
},
data() { data() {
return {} return {}
} }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.max-width-center { .is-pc {
width: 1200px; .max-width-center {
margin: 64px auto 0; width: 1200px;
} margin: 64px auto 0;
.path-flex { }
display: flex; .path-flex {
justify-content: space-between; display: flex;
padding-top: 42px; justify-content: space-between;
.path-item { padding-top: 42px;
width: 292px; .path-item {
height: 345px; width: 292px;
background-size: 100% 100%; height: 345px;
&:nth-child(1) { background-size: 100% 100%;
background-image: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/course-path1.png); &:nth-child(1) {
} background-image: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/course-path1.png);
&:nth-child(2) { }
background-image: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/course-path2.png); &:nth-child(2) {
} background-image: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/course-path2.png);
&:nth-child(3) { }
background-image: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/course-path3.png); &:nth-child(3) {
background-image: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/course-path3.png);
}
&:nth-child(4) {
background-image: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/course-path4.png);
}
.t {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.73);
font-weight: bold;
font-size: 24px;
line-height: 345px;
color: #ffffff;
letter-spacing: 4px;
text-align: center;
}
} }
&:nth-child(4) { }
background-image: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/course-path4.png); .chart {
padding: 62px 49px;
box-sizing: border-box;
background-color: #fff;
// margin-top: 36px;
}
.chart2 {
padding: 62px 49px 0;
box-sizing: border-box;
background-color: #fff;
// margin-top: 36px;
}
.t-g {
font-weight: 400;
font-size: 18px;
color: #666666;
line-height: 36px;
text-align: left;
margin-top: 52px;
}
.t-g2 {
font-weight: 400;
font-size: 18px;
color: #666666;
// line-height: 36px;
text-align: left;
margin-top: 10px;
padding-left: 49px;
}
}
.is-h5 {
.path-flex {
display: flex;
// justify-content: space-between;
// padding-top: 42px;
overflow-x: scroll;
.path-item {
min-width: 1.46rem;
min-height: 1.72rem;
background-size: 100% 100%;
margin-right: 0.05rem;
&:nth-child(1) {
background-image: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/course-path1.png);
}
&:nth-child(2) {
background-image: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/course-path2.png);
}
&:nth-child(3) {
background-image: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/course-path3.png);
}
&:nth-child(4) {
background-image: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/course-path4.png);
}
.t {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.73);
font-weight: bold;
font-size: 0.12rem;
line-height: 1.72rem;
color: #ffffff;
letter-spacing: 4px;
text-align: center;
}
} }
.t { }
width: 100%; .card-h5-m {
height: 100%; margin-top: 0.32rem !important;
background: rgba(0, 0, 0, 0.73); }
font-weight: bold; .h5-ba {
font-size: 24px; background: none !important;
line-height: 345px; .t-g2 {
color: #ffffff; font-size: 0.08rem;
letter-spacing: 4px; color: #262626;
text-align: center; line-height: 0.1rem;
} }
} }
} }
.chart {
padding: 62px 49px;
box-sizing: border-box;
background-color: #fff;
// margin-top: 36px;
}
.chart2 {
padding: 62px 49px 0;
box-sizing: border-box;
background-color: #fff;
// margin-top: 36px;
}
.t-g {
font-weight: 400;
font-size: 18px;
color: #666666;
line-height: 36px;
text-align: left;
margin-top: 52px;
}
.t-g2 {
font-weight: 400;
font-size: 18px;
color: #666666;
// line-height: 36px;
text-align: left;
margin-top: 10px;
padding-left: 49px;
}
</style> </style>
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论