Skip to content

P
project-online-pc
提交 7a33efcf authored 作者: pengxiaohui's avatar pengxiaohui
浏览文件
操作

修改样式文字

上级 0c9a2a48
显示空白字符变更
内嵌 并排
正在显示 包含 126 行增加 和 14 行删除
components/home/projectFeatures.vue
浏览文件 @ 7a33efcf
......@@ -91,7 +91,7 @@ export default {
'清控紫荆教育是以清华五道口相关知识产权创设而成，自成立以来与多所国际名校合作且实现课程学分互认，所获文凭均受中国教育部与国际认证，具有很强的国际化办学经验和教学水平。'
},
{
web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood-plus/pc-index-project-intro-02.png?v=1',
web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood-plus/pc-index-project-intro-02.png?v=2',
item_desc_tit: '无需联考、灵活录取',
item_desc_con:
'无需参加国内竞争激烈的研究生联考，没有托福成绩的学生可以完成紫荆英语强化项目替代语言成绩。该课程以及考核成绩被美国大学认可，达到录取标准即可直接入读相应硕士课程。'
......@@ -307,7 +307,7 @@ export default {
position: absolute;
top: 0;
left: 0;
background: rgba(0,0,0,.8);
background: rgba(0,0,0,.6);
}
}
.item_desc {
......@@ -499,7 +499,7 @@ export default {
position: absolute;
top: 0;
left: 0;
background: rgba(0,0,0,.8);
background: rgba(0,0,0,.6);
}
}
.item_desc {
......
pages/academic/academic.vue
浏览文件 @ 7a33efcf
......@@ -93,9 +93,9 @@ export default {
justify-content: center;
align-items: center;
flex-direction: column;
padding:0.3rem 0 0.3rem;
.img_english {
margin-top: 0.48rem;
margin-top: 0.4rem;
display: flex;
justify-content: center;
align-items: center;
......@@ -105,7 +105,7 @@ export default {
color: #424242;
font-size: 0.08rem;
margin-top: 0.1rem;
padding-bottom: 0.17rem;
// padding-bottom: 0.17rem;
}
.img1 {
width: 2.53rem;
......
pages/school/school3.vue
浏览文件 @ 7a33efcf
......@@ -85,7 +85,7 @@
<img v-if="!courseSetTab" src="https://webapp-pub.ezijing.com/project/marywood-plus/pc-school-img2.png" />
<img v-else src="https://webapp-pub.ezijing.com/project/marywood-plus/pc-school-img3.png" />
</div> -->
<img src="https://webapp-pub.ezijing.com/project/marywood-plus/pc-school-course.png">
<img src="https://webapp-pub.ezijing.com/project/marywood-plus/pc-school-course.png?v=1">
</div>
<div class="content_tit">
<div class="line"></div>
......@@ -125,11 +125,48 @@
</div>
<div class="h5-title m-t-10">学制安排</div>
<div class="img-list">
<img src="https://webapp-pub.ezijing.com/project/marywood/h5/school-nimg1.png" />
<!-- <img src="https://webapp-pub.ezijing.com/project/marywood/h5/school-nimg1.png" />
<img src="https://webapp-pub.ezijing.com/project/marywood/h5/school-nimg2.png" />
<img src="https://webapp-pub.ezijing.com/project/marywood/h5/school-nimg3.png" />
<img src="https://webapp-pub.ezijing.com/project/marywood/h5/school-nimg4.png" />
<img src="https://webapp-pub.ezijing.com/project/marywood/h5/school-nimg4.png" /> -->
<div class="xz-content">
<div class="xz-item xz1">
<div class="mask"></div>
<div class="desc">
<div class="desc_detail"><span class="num">16</span><span class="fen">个月</span></div>
<div class="desc_tit">学制安排</div>
</div>
</div>
<div class="xz-item xz2">
<div class="mask"></div>
<div class="desc">
<div class="desc_detail"><span class="num">36</span><span class="fen">学分</span></div>
<div class="desc_tit">学分设置</div>
</div>
</div>
<div class="xz-item xz3">
<div class="mask"></div>
<div class="desc">
<div class="desc_detail">
<span class="num">4</span><span class="fen fen1">门课</span><span class="num">12</span
><span class="fen">学分</span>
</div>
<div class="desc_tit">国内授课</div>
</div>
</div>
<div class="xz-item xz4">
<div class="mask"></div>
<div class="desc">
<div class="desc_detail">
<span class="num">8</span><span class="fen fen1">门课</span><span class="num">24</span
><span class="fen">学分</span>
</div>
<div class="desc_tit">国外授课</div>
</div>
</div>
</div>
</div>
<div class="h5-title m-t-10">课程设置</div>
<div class="h5-course-set">
<div class="h5-head">
......@@ -550,11 +587,86 @@ export default {
.img-list {
overflow-x: scroll;
display: flex;
img {
width: 1.46rem;
height: 1.7rem;
display: block;
margin-right: 0.05rem;
.xz-content {
width: 6rem;
margin: auto;
text-align: center;
display: flex;
.img-box {
position: relative;
flex: 1;
.img2 {
width: 956px;
position: absolute;
top: 0;
right: 60px;
}
}
.xz-item {
width: 1.4rem;
height: 1.6rem;
margin-right: 0.1rem;
cursor: pointer;
position: relative;
.mask {
position: absolute;
background: rgba(0, 0, 0, 0.6);
color: #ffffff;
opacity: 1;
top: 0;
right: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.desc {
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
margin-top: 0.4rem;
transition: all 0.15s ease-in;
position:relative;
z-index:11;
.desc_tit {
font-size: 0.16rem;
font-weight: 500;
color: #ffffff;
}
.desc_detail {
color: #ffffff;
display: flex;
justify-content: flex-end;
align-items: center;
flex-wrap: nowrap;
.num {
font-size: 0.3rem;
font-weight: bold;
}
.fen {
font-size: 0.16rem;
font-weight: 400;
padding-top: 0.08rem;
}
.fen1 {
padding-right: 0.05rem;
}
}
}
}
.xz1 {
background: url('https://webapp-pub.ezijing.com/project/marywood-plus/pc-school-img4.png');
}
.xz2 {
background: url('https://webapp-pub.ezijing.com/project/marywood-plus/pc-school-img5.png');
}
.xz3 {
background: url('https://webapp-pub.ezijing.com/project/marywood-plus/pc-school-img6.png');
}
.xz4 {
background: url('https://webapp-pub.ezijing.com/project/marywood-plus/pc-school-img7.png');
}
}
}
.swiper-content {
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论