提交 db62a5b0 authored 作者: matian's avatar matian

feat:项目优化

上级 9940a688
...@@ -3,11 +3,14 @@ ...@@ -3,11 +3,14 @@
<img src="https://webapp-pub.ezijing.com/project/marywood/academic1.png" width="100%" /> <img src="https://webapp-pub.ezijing.com/project/marywood/academic1.png" width="100%" />
<div class="main_content"> <div class="main_content">
<!-- <el-image :src="url1"> </el-image> --> <!-- <el-image :src="url1"> </el-image> -->
<el-image :src="url1" class="img1"> </el-image>
<div class="img_english"> <div class="img_english">
<el-image :src="url2"></el-image> <el-image :src="url1" class="img1"></el-image>
<div class="item_english_name">玛丽伍德大学(英文)</div> <div class="item_english_name">玛丽伍德大学(英文)</div>
</div> </div>
<div class="img_english">
<el-image :src="url2" class="img2"></el-image>
<div class="item_english_name">玛丽伍德大学(中文)</div>
</div>
</div> </div>
</app-frame> </app-frame>
</template> </template>
...@@ -19,8 +22,8 @@ export default { ...@@ -19,8 +22,8 @@ export default {
data() { data() {
return { return {
// url1: 'https://webapp-pub.ezijing.com/project/marywood/academic21.png', // url1: 'https://webapp-pub.ezijing.com/project/marywood/academic21.png',
url1: 'https://webapp-pub.ezijing.com/project/marywood/academic_2.png', url1: 'https://webapp-pub.ezijing.com/project/marywood/academic_1.png',
url2: 'https://webapp-pub.ezijing.com/project/marywood/academic_1.png', url2: 'https://webapp-pub.ezijing.com/project/marywood/academic_5.png',
frameParams: { frameParams: {
slider: [ slider: [
...@@ -44,13 +47,9 @@ export default { ...@@ -44,13 +47,9 @@ export default {
.main_content { .main_content {
padding: 103px 64px 120px 48px; padding: 103px 64px 120px 48px;
display: flex; display: flex;
justify-content: center; justify-content: flex-end;
align-items: center; align-items: flex-end;
.img1 {
width: 100%;
height: 100%;
margin-right: 73px;
}
.img_english { .img_english {
display: flex; display: flex;
justify-content: center; justify-content: center;
...@@ -62,6 +61,15 @@ export default { ...@@ -62,6 +61,15 @@ export default {
font-size: 16px; font-size: 16px;
margin-top: 20px; margin-top: 20px;
} }
.img1 {
width: 506px;
height: 290px;
}
.img2 {
width: 350px;
height: 549px;
margin-left: 32px;
}
} }
} }
} }
...@@ -71,11 +79,9 @@ export default { ...@@ -71,11 +79,9 @@ export default {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
flex-direction: column; flex-direction: column;
.img1 {
padding: 0.44rem 1.11rem 0.25rem 1.11rem;
}
.img_english { .img_english {
padding: 0.5rem 0.61rem 0.47rem 0.61rem; margin-top: 0.48rem;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
...@@ -86,6 +92,14 @@ export default { ...@@ -86,6 +92,14 @@ export default {
font-size: 0.08rem; font-size: 0.08rem;
margin-top: 0.1rem; margin-top: 0.1rem;
} }
.img1 {
width: 2.53rem;
height: 1.45rem;
}
.img2 {
width: 1.75rem;
height: 2.75rem;
}
} }
} }
} }
......
...@@ -114,9 +114,9 @@ ...@@ -114,9 +114,9 @@
<img src="https://webapp-pub.ezijing.com/project/marywood/h5/school-img3.png" /> <img src="https://webapp-pub.ezijing.com/project/marywood/h5/school-img3.png" />
<div class="h5-title m-t-10">申请条件</div> <div class="h5-title m-t-10">申请条件</div>
<div class="h5-list"> <div class="h5-list">
<img src="https://webapp-pub.ezijing.com/project/marywood/h5/school-img4.png" /> <img src="https://webapp-pub.ezijing.com/project/marywood/h5/school-img41.png" />
<img src="https://webapp-pub.ezijing.com/project/marywood/h5/school-img5.png" /> <img src="https://webapp-pub.ezijing.com/project/marywood/h5/school-img51.png" />
<img src="https://webapp-pub.ezijing.com/project/marywood/h5/school-img6.png" /> <img src="https://webapp-pub.ezijing.com/project/marywood/h5/school-img61.png" />
</div> </div>
<div class="h5-title m-t-10">学制安排</div> <div class="h5-title m-t-10">学制安排</div>
<div class="img-list"> <div class="img-list">
...@@ -520,11 +520,14 @@ export default { ...@@ -520,11 +520,14 @@ export default {
} }
.h5-list { .h5-list {
display: flex; display: flex;
justify-content: space-between; justify-content: center;
align-items: center;
flex-direction: column;
img { img {
width: 1.08rem; margin-top: 0.1rem;
height: 1.4rem; // width: 1.08rem;
display: block; // height: 1.4rem;
// display: block;
} }
} }
.img-list { .img-list {
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论