提交 9c24cd4d authored 作者: pengxiaohui's avatar pengxiaohui

修改样式

上级 62f3bb9d
...@@ -57,7 +57,7 @@ export default { ...@@ -57,7 +57,7 @@ export default {
title: '玛丽伍德大学校长致词', title: '玛丽伍德大学校长致词',
desc: 'Address from the President of Marywood University', desc: 'Address from the President of Marywood University',
src: 'https://webapp-pub.ezijing.com/project/marywood-plus/video2.mp4', src: 'https://webapp-pub.ezijing.com/project/marywood-plus/video2.mp4',
poster: 'https://webapp-pub.ezijing.com/project/marywood-plus/video_poster2.png' poster: 'https://webapp-pub.ezijing.com/project/marywood-plus/video_poster1.png'
}, },
{ {
title: '玛丽伍德大学介绍', title: '玛丽伍德大学介绍',
......
<template> <template>
<div :class="isMobile ? 'is-h5' : 'is-pc'"> <div :class="isMobile ? 'is-h5' : 'is-pc'">
<div class="banner-content"> <div class="banner-content">
<img class="img" src="https://webapp-pub.ezijing.com/project/marywood-plus/pc-index-banner.png" /> <img class="img" src="https://webapp-pub.ezijing.com/project/marywood-plus/pc-index-banner.png?v=2" />
<div class="banner_navList"> <div class="banner_navList">
<div class="banner_nav" v-for="(item, index) in navList" :key="index" @click="navClick(item)"> <div class="banner_nav" v-for="(item, index) in navList" :key="index" @click="navClick(item)">
<div class="nav_top"> <div class="nav_top">
......
...@@ -273,7 +273,7 @@ export default { ...@@ -273,7 +273,7 @@ export default {
justify-content: space-around; justify-content: space-around;
.card-item { .card-item {
width: 232px; width: 232px;
height: 569px; height: 430px;
overflow:hidden; overflow:hidden;
position:relative; position:relative;
.item_media{ .item_media{
...@@ -295,13 +295,13 @@ export default { ...@@ -295,13 +295,13 @@ export default {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
background: rgba(0,0,0,.45); background: rgba(0,0,0,.6);
} }
} }
.item_desc { .item_desc {
position:absolute; position:absolute;
left:0; left:0;
top:170px; top:80px;
width: 232px; width: 232px;
height: 349px; height: 349px;
// background-color: #ededed; // background-color: #ededed;
...@@ -316,7 +316,7 @@ export default { ...@@ -316,7 +316,7 @@ export default {
font-size: 21px; font-size: 21px;
font-weight: 600; font-weight: 600;
color: #fff; color: #fff;
margin-top: 34px; line-height:36px;
} }
.item_desc_con { .item_desc_con {
font-size: 16px; font-size: 16px;
......
...@@ -96,7 +96,7 @@ export default { ...@@ -96,7 +96,7 @@ export default {
line-height: 30px; line-height: 30px;
font-weight: 400; font-weight: 400;
color: #666666; color: #666666;
padding: 48px 85px 0 78px; padding: 48px 85px 0 68px;
} }
} }
} }
......
...@@ -6,11 +6,11 @@ ...@@ -6,11 +6,11 @@
<!-- <el-image :src="url1"> </el-image> --> <!-- <el-image :src="url1"> </el-image> -->
<div class="img_english"> <div class="img_english">
<el-image :src="url1" class="img1"></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"> <div class="img_english">
<el-image :src="url2" class="img2"></el-image> <el-image :src="url2" class="img2"></el-image>
<!-- <div class="item_english_name">玛丽伍德大学(中文)</div> --> <div class="item_english_name">玛丽伍德大学(中文)</div>
</div> </div>
</div> </div>
</div> </div>
......
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
</div> --> </div> -->
</div> </div>
<div class="content"> <div class="content">
<img class="img1" src="https://webapp-pub.ezijing.com/project/marywood/marywood311.png" /> <img class="img1" src="https://webapp-pub.ezijing.com/project/marywood-plus/pc-school-img1.png" />
</div> </div>
<div class="content"> <div class="content">
<div class="img-box"> <div class="img-box">
...@@ -82,8 +82,8 @@ ...@@ -82,8 +82,8 @@
</div> </div>
</div> </div>
<div style="padding: 40px"> <div style="padding: 40px">
<img v-if="!courseSetTab" src="https://webapp-pub.ezijing.com/project/marywood-plus/pc-college-intro-img2.png?v=1" /> <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-college-intro-img3.png?v=1" /> <img v-else src="https://webapp-pub.ezijing.com/project/marywood-plus/pc-school-img3.png" />
</div> </div>
</div> </div>
<div class="content_tit"> <div class="content_tit">
...@@ -366,7 +366,7 @@ export default { ...@@ -366,7 +366,7 @@ export default {
position: relative; position: relative;
.mask { .mask {
position: absolute; position: absolute;
background: rgba(0, 0, 0, 0.16862745098039217); background: rgba(0, 0, 0, 0.5);
color: #ffffff; color: #ffffff;
opacity: 0.7; opacity: 0.7;
top: 0; top: 0;
...@@ -384,7 +384,7 @@ export default { ...@@ -384,7 +384,7 @@ export default {
transition: all 0.15s ease-in; transition: all 0.15s ease-in;
.desc_tit { .desc_tit {
font-size: 20px; font-size: 24px;
font-weight: 500; font-weight: 500;
color: #ffffff; color: #ffffff;
margin-top: -10px; margin-top: -10px;
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论