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 {
</script>
<style lang="scss">
.is-pc{
.is-pc {
.card {
// margin: 0.2rem 0.15rem;
}
......@@ -48,7 +48,7 @@ export default {
.card-bd {
}
}
.is-h5{
.is-h5 {
.card {
margin: 0.2rem 0.15rem;
}
......
components/home/projectFeatures.vue
浏览文件 @ 19987049
......@@ -121,7 +121,7 @@ export default {
.card-item {
margin-right: 10px;
flex: 0 0 1.93rem;
height: 2.75rem;
height: 1.4rem;
overflow: hidden;
position: relative;
.item_media {
......@@ -149,7 +149,7 @@ export default {
.item_desc {
position: absolute;
left: 0;
top: 1.1rem;
top: 0;
width: 100%;
height: 2rem;
......@@ -174,10 +174,10 @@ export default {
font-size: 0.12rem;
font-weight: 400;
color: #fff;
margin-top: 0.2rem;
// margin-top: 0.2rem;
line-height: 0.24rem;
text-align: justify;
margin: auto;
margin: 0 auto;
}
}
}
......
components/layout/h5/Header.vue
浏览文件 @ 19987049
......@@ -8,7 +8,7 @@
src="http://zws-imgs-pub.oss-cn-beijing.aliyuncs.com/static/ezijing/logo/ezijing-logo.svg"
/>
<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>
</div>
<div class="search" @click="toggleSearch"></div>
......
pages/course/index.vue
浏览文件 @ 19987049
<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%" />
<div class="max-width-center">
<card title="研究路径">
......@@ -18,7 +18,7 @@
</div>
</div>
</card>
<card title="国内专业研究课程" style="margin-top: 103px">
<card title="国内专业研究课程" style="margin-top: 103px" class="card-h5-m">
<div>
<img
class="chart"
......@@ -27,8 +27,8 @@
/>
</div>
</card>
<card title="海外国际商学院学习模块" style="margin-top: 103px">
<div style="background-color: #fff; padding-bottom: 32px">
<card title="海外国际商学院学习模块" style="margin-top: 103px" class="card-h5-m">
<div style="background-color: #fff; padding-bottom: 32px" class="h5-ba">
<img
class="chart2"
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/course-img3-new.png"
......@@ -37,8 +37,8 @@
<div class="t-g2">注：每学年校方会组织两次 以上活动，学生每年至少参加一次活动，即可获得学分</div>
</div>
</card>
<card title="前沿创新论坛" style="margin-top: 103px; margin-bottom: 100px">
<div style="background-color: #fff; padding-bottom: 32px">
<card title="前沿创新论坛" style="margin-top: 103px; margin-bottom: 100px" class="card-h5-m">
<div style="background-color: #fff; padding-bottom: 32px" class="h5-ba">
<img
class="chart2"
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'
export default {
layout: 'normal',
components: { Card },
computed: {
isMobile() {
return this.$store.state.isMobile
}
},
data() {
return {}
}
}
</script>
<style lang="scss" scoped>
.max-width-center {
width: 1200px;
margin: 64px auto 0;
}
.path-flex {
display: flex;
justify-content: space-between;
padding-top: 42px;
.path-item {
width: 292px;
height: 345px;
background-size: 100% 100%;
&: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);
.is-pc {
.max-width-center {
width: 1200px;
margin: 64px auto 0;
}
.path-flex {
display: flex;
justify-content: space-between;
padding-top: 42px;
.path-item {
width: 292px;
height: 345px;
background-size: 100% 100%;
&: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: 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%;
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;
}
.card-h5-m {
margin-top: 0.32rem !important;
}
.h5-ba {
background: none !important;
.t-g2 {
font-size: 0.08rem;
color: #262626;
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>
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论