提交 d8be59d3 authored 作者: pengxiaohui's avatar pengxiaohui

修改h5样式

上级 1331bff6
......@@ -419,18 +419,19 @@ export default {
z-index: 10000;
}
.swiper-container{
height: 5rem;
height: 4.5rem;
// .swiper-wrapper{
// }
.swiper-slide{
width:3.2rem;
position:relative;
padding:0 0.1rem;
.item-media{
width:3.2rem;
width:3rem;
position:relative;
img{
width:100%;
height:3.2rem;
height:3rem;
}
.video-play {
position: absolute;
......@@ -444,19 +445,32 @@ export default {
cursor: pointer;
z-index: 2200;
}
&:after{
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(0,0,0,.7);
}
}
.item-text{
flex:1;
color:#454545;
padding:0 40px;
padding:0.1rem 0.2rem 0;
.item-text-tit{
font-size:0.24rem;
line-height:0.6rem;
font-size:0.22rem;
line-height:0.5rem;
}
.item-text-desc{
font-size:0.16rem
}
}
&.swiper-slide-active .item-media:after{
display:none;
}
}
}
}
......
......@@ -505,22 +505,24 @@ export default {
.item_desc {
position:absolute;
left:0;
top:80px;
width: 232px;
height: 349px;
top:0.6rem;
width: 100%;
height: 3rem;
// background-color: #ededed;
opacity: 1;
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
padding: 34px 20px 53px;
padding: 0.3rem 0.2rem 0.4rem;
// transform-origin: bottom;
.item_desc_tit {
font-size: 21px;
font-weight: 600;
color: #fff;
line-height:36px;
width:100%;
text-align:center;
}
.item_desc_con {
font-size: 16px;
......@@ -528,6 +530,7 @@ export default {
color: #fff;
margin-top: 34px;
line-height: 32px;
text-align:justify;
}
}
}
......
......@@ -109,11 +109,11 @@ export default {
}
.img1 {
width: 2.53rem;
height: 1.45rem;
height: 1.8rem;
}
.img2 {
width: 1.75rem;
height: 2.75rem;
width: 2.26rem;
height: 3.3rem;
}
}
}
......
......@@ -88,6 +88,7 @@ export default {
line-height: 34px;
color: #424242;
padding-bottom: 20px;
text-align:justify;
}
.part_img {
width: 100%;
......@@ -123,6 +124,7 @@ export default {
line-height: 0.24rem;
color: #424242;
padding-bottom: 0.2rem;
text-align:justify;
}
.part_img {
width: 100%;
......
......@@ -112,9 +112,9 @@
</div>
<div class="h5-content">
<div class="h5-title">玛丽伍德大学介绍</div>
<img src="https://webapp-pub.ezijing.com/project/marywood-plus/h5/school-img1.png" />
<img src="https://webapp-pub.ezijing.com/project/marywood-plus/h5/school-img1.png?v=1" />
<div class="h5-title m-t-10">专业介绍</div>
<img src="https://webapp-pub.ezijing.com/project/marywood-plus/h5/school-img2.png" />
<img src="https://webapp-pub.ezijing.com/project/marywood-plus/h5/school-img2.png?v=1" />
<div class="h5-title m-t-10">院校荣誉</div>
<img src="https://webapp-pub.ezijing.com/project/marywood/h5/school-img3.png" />
<div class="h5-title m-t-10">申请条件</div>
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论