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

样式调整以及无用代码删除

上级 1467b54c
<template>
<div :class="isMobile ? 'is-h5' : 'is-pc'">
<app-frame :data="frameParams">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/adva_banner.png" alt="" />
<img
style="padding-left:101px;padding-right:49px;margin-top:65px;padding-bottom:109px"
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/adva_1.png"
alt=""
/>
</app-frame>
</div>
<app-frame :data="frameParams">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/adva_banner.png" alt="" />
<img class="img_bottom" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/adva_1.png" alt="" />
</app-frame>
</template>
<script>
import appFrame from '@/components/appFrame'
......@@ -47,7 +41,6 @@ export default {
}
],
frameParams: {
// banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_banner_nx4.jpg',
slider: [
{
name: this.$t('menu.courseChild.set'),
......@@ -70,102 +63,10 @@ export default {
}
</script>
<style lang="scss" scoped>
.is-pc {
.course-content-box {
// width: 1200px;
// margin: 0 auto;
.content-mian {
padding: 106px 141px 110px 96px;
.border-box {
padding: 35px 0 51px;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
.item-box {
display: flex;
justify-content: space-between;
margin-bottom: 40px;
ul {
padding-bottom: 37px;
border-bottom: 1px solid #e6e6e6;
}
&:last-child {
border-bottom: none;
margin-bottom: 0;
ul {
padding-bottom: 37px;
border-bottom: none;
}
}
.title {
font-size: 26px;
font-weight: bold;
line-height: 100%;
color: #aa1941;
}
.right-content {
width: 562px;
li {
height: 32px;
background: #f7f7f7;
display: flex;
align-items: center;
&:nth-child(even) {
background: none;
}
.text {
width: 397px;
padding-left: 30px;
font-size: 16px;
color: #333333;
}
.score {
font-size: 16px;
color: #424242;
}
}
}
}
}
}
}
}
.is-h5 {
.course-content {
background: #fff;
padding: 0.38rem 0.28rem 0.2rem;
.title {
font-size: 0.14rem;
font-weight: bold;
line-height: 100%;
color: #aa1941;
}
ul {
border-top: 0.01rem solid #e6e6e6;
padding-top: 0.1rem;
margin-top: 0.19rem;
margin-bottom: 0.24rem;
li {
height: 0.21rem;
box-sizing: border-box;
padding-left: 0.27rem;
display: flex;
align-items: center;
&:nth-child(odd) {
background: #f7f7f7;
}
.name {
font-size: 0.1rem;
color: #666666;
width: 2.17rem;
font-size: 0.1rem;
color: #666666;
}
.score {
font-size: 0.1rem;
color: #666666;
}
}
}
}
.img_bottom {
padding-left: 101px;
padding-right: 49px;
margin-top: 65px;
padding-bottom: 109px;
}
</style>
<template>
<app-frame :data="frameParams">
<img src="https://webapp-pub.ezijing.com/project/marywood/sign_banner.png" alt="" />
<img
src="https://webapp-pub.ezijing.com/project/marywood/sign_content.png"
alt=""
style="padding-left:101px;padding-right:49px;margin-top:65px;padding-bottom:109px"
/>
<img src="https://webapp-pub.ezijing.com/project/marywood/sign_content.png" alt="" class="img_bottom" />
</app-frame>
</template>
<script>
......@@ -26,3 +22,11 @@ export default {
}
}
</script>
<style lang="scss" scoped>
.img_bottom {
padding-left: 101px;
padding-right: 49px;
margin-top: 65px;
padding-bottom: 109px;
}
</style>
......@@ -32,7 +32,7 @@ export default {
slider: [
{
name: this.$t('menu.projectChild.bg'),
path: '/project-intro/bg'
path: '/project-intro/introduce'
},
{
name: this.$t('menu.newsChild.hot'),
......
<template>
<app-frame :data="frameParams">
<!-- <el-card> -->
<div class="main_content">
<div class="title_mon">
常见问题
......@@ -13,7 +12,6 @@
</div>
</div>
</div>
<!-- </el-card> -->
</app-frame>
</template>
<script>
......
<template>
<div>
<div class="banner">
<img style="width:100%;height:100%" src="https://webapp-pub.ezijing.com/project/marywood/school111.png" />
<img class="img_banner" src="https://webapp-pub.ezijing.com/project/marywood/school111.png" />
<div class="btn">
<el-button class="btn1" @click="$router.push('/my/account')">报名申请</el-button>
</div>
......@@ -11,27 +11,27 @@
<img class="img1" src="https://webapp-pub.ezijing.com/project/marywood/school12.png" />
</div>
<div class="content" style="display:flex;">
<div class="img-box" style="flex:1;position: relative;">
<img style="width:956px;position: absolute;top:0;right:60px;" class="img2" src="https://webapp-pub.ezijing.com/project/marywood/school131.png" />
<div class="content">
<div class="img-box">
<img class="img2" src="https://webapp-pub.ezijing.com/project/marywood/school131.png" />
</div>
<img style="width:540px;margin-top:65px;" class="img2" src="https://webapp-pub.ezijing.com/project/marywood/school132.png" />
<img class="img22" src="https://webapp-pub.ezijing.com/project/marywood/school132.png" />
</div>
<img style="width:100%;height:100%;margin-top:68px" src="https://webapp-pub.ezijing.com/project/marywood/school241.png" />
<img class="img4" src="https://webapp-pub.ezijing.com/project/marywood/school241.png" />
<div class="content">
<img src="https://webapp-pub.ezijing.com/project/marywood/school251.png" />
</div>
<div style="width:1200px;margin:auto;text-align:center;display:flex;justify-content:flex-start;margin-top:64px;">
<div style="width: 6px;height: 34px;background: #AA1941;margin-right:9px;margin-top:6px"></div>
<h1 style="color: #333333; font-size: 34px;font-weight: bold;">项目设置</h1>
<div class="content_tit">
<div class="line"></div>
<div class="tit_desc">项目设置</div>
</div>
<img style="width:100%;height:100%;margin-top:64px" src="https://webapp-pub.ezijing.com/project/marywood/school1611.png" />
<img class="img4" src="https://webapp-pub.ezijing.com/project/marywood/school1611.png" />
<div class="content">
<img src="https://webapp-pub.ezijing.com/project/marywood/school17.png" />
</div>
<div style="margin:64px auto 0;text-align:center;width:1200px;display:flex;justify-content:flex-start;">
<div style="width: 6px;height: 34px;background: #AA1941;margin-right:9px;margin-top:6px"></div>
<h1 style="color: #333333; font-size: 34px;font-weight: bold;">校园风光</h1>
<div class="content_tit">
<div class="line"></div>
<div class="tit_desc">校园风光</div>
</div>
<div class="swiper-content" @mouseenter="swiperStop" @mouseleave="swiperStart">
<div v-swiper:mySwiper="swiperOption" ref="mySwiper">
......@@ -98,13 +98,16 @@ export default {
<style lang="scss" scoped>
.banner {
position: relative;
.img_banner {
width: 100%;
height: 100%;
}
.btn {
display: flex;
justify-content: center;
position: absolute;
bottom: 109px;
left: 50%;
// top: 661px;
transform: translateX(-50%);
}
.btn1 {
......@@ -128,14 +131,54 @@ export default {
margin: auto;
text-align: center;
margin-top: 70px;
display: flex;
img {
width: 100%;
height: 100%;
}
.img-box {
position: relative;
flex: 1;
.img2 {
width: 956px;
position: absolute;
top: 0;
right: 60px;
}
}
.img22 {
width: 540px;
margin-top: 65px;
}
}
.img4 {
width: 100%;
height: 100%;
margin-top: 68px;
}
.content_tit {
width: 1200px;
margin: auto;
text-align: center;
display: flex;
justify-content: flex-start;
margin-top: 64px;
.line {
width: 6px;
height: 34px;
background: #aa1941;
margin-right: 9px;
margin-top: 6px;
}
.tit_desc {
color: #333333;
font-size: 34px;
font-weight: bold;
}
}
.swiper-content {
padding-top: 37px;
// width: 100%;
padding-bottom: 132px;
.swiper-slide {
position: relative;
......
<template>
<div>
<div class="banner">
<img style="width:100%;height:100%" src="https://webapp-pub.ezijing.com/project/marywood/school211.png" />
<img class="img_banner" src="https://webapp-pub.ezijing.com/project/marywood/school211.png" />
<div class="btn">
<el-button class="btn1" @click="$router.push('/my/account')">报名申请</el-button>
</div>
......@@ -10,27 +10,27 @@
<div class="content">
<img class="img1" src="https://webapp-pub.ezijing.com/project/marywood/school22.png" />
</div>
<div class="content" style="display:flex;">
<div class="img-box" style="flex:1;position: relative;">
<img style="width:956px;position: absolute;top:0;right:60px;" class="img2" src="https://webapp-pub.ezijing.com/project/marywood/school231.png" />
<div class="content">
<div class="img-box">
<img class="img2" src="https://webapp-pub.ezijing.com/project/marywood/school231.png" />
</div>
<img style="width:540px;margin-top:65px;" class="img2" src="https://webapp-pub.ezijing.com/project/marywood/school232.png" />
<img class="img22" src="https://webapp-pub.ezijing.com/project/marywood/school232.png" />
</div>
<img style="width:100%;height:100%;margin-top:68px" src="https://webapp-pub.ezijing.com/project/marywood/school2412.png" />
<img class="img4" src="https://webapp-pub.ezijing.com/project/marywood/school2412.png" />
<div class="content">
<img src="https://webapp-pub.ezijing.com/project/marywood/school25.png" />
</div>
<div style="width:1200px;margin:auto;text-align:center;display:flex;justify-content:flex-start;margin-top:64px;">
<div style="width: 6px;height: 34px;background: #AA1941;margin-right:9px;margin-top:6px"></div>
<h1 style="color: #333333; font-size: 34px;font-weight: bold;">项目设置</h1>
<div class="content_tit">
<div class="line"></div>
<h1 class="tit_desc">项目设置</h1>
</div>
<img style="width:100%;height:100%;margin-top:64px" src="https://webapp-pub.ezijing.com/project/marywood/school261.png" />
<img lass="img4" src="https://webapp-pub.ezijing.com/project/marywood/school261.png" />
<div class="content">
<img src="https://webapp-pub.ezijing.com/project/marywood/school27.png" />
</div>
<div style="width:1200px;margin:64px auto 0;text-align:center;display:flex;justify-content:flex-start;">
<div style="width: 6px;height: 34px;background: #AA1941;margin-right:9px;margin-top:6px"></div>
<h1 style="color: #333333; font-size: 34px;font-weight: bold;">校园风光</h1>
<div class="content_tit">
<div class="line"></div>
<h1 class="tit_desc">校园风光</h1>
</div>
<div class="swiper-content" @mouseenter="swiperStop" @mouseleave="swiperStart">
<div v-swiper:mySwiper="swiperOption" ref="mySwiper">
......@@ -98,13 +98,17 @@ export default {
<style lang="scss" scoped>
.banner {
position: relative;
.img_banner {
width: 100%;
height: 100%;
}
.btn {
display: flex;
justify-content: center;
position: absolute;
bottom: 109px;
left: 50%;
transform: translateX(-50%);
bottom: 109px;
}
.btn1 {
width: 104px;
......@@ -127,14 +131,54 @@ export default {
margin: auto;
text-align: center;
margin-top: 70px;
display: flex;
img {
width: 100%;
height: 100%;
}
.img-box {
position: relative;
flex: 1;
.img2 {
width: 956px;
position: absolute;
top: 0;
right: 60px;
}
}
.img22 {
width: 540px;
margin-top: 65px;
}
}
.img4 {
width: 100%;
height: 100%;
margin-top: 68px;
}
.content_tit {
width: 1200px;
margin: auto;
text-align: center;
display: flex;
justify-content: flex-start;
margin-top: 64px;
.line {
width: 6px;
height: 34px;
background: #aa1941;
margin-right: 9px;
margin-top: 6px;
}
.tit_desc {
color: #333333;
font-size: 34px;
font-weight: bold;
}
}
.swiper-content {
padding-top: 37px;
// width: 100%;
padding-bottom: 132px;
.swiper-slide {
position: relative;
......
<template>
<div>
<div class="banner">
<img style="width:100%;height:100%" src="https://webapp-pub.ezijing.com/project/marywood/marywood_banner11.png" />
<img class="img_banner" src="https://webapp-pub.ezijing.com/project/marywood/marywood_banner11.png" />
<div class="btn">
<el-button class="btn1" @click="$router.push('/my/account')">报名申请</el-button>
</div>
......@@ -9,27 +9,27 @@
<div class="content">
<img class="img1" src="https://webapp-pub.ezijing.com/project/marywood/marywood31.png" />
</div>
<div class="content" style="display:flex;">
<div class="img-box" style="flex:1;position: relative;">
<img style="width:956px;position: absolute;top:0;right:60px;" class="img2" src="https://webapp-pub.ezijing.com/project/marywood/marywood321.png" />
<div class="content">
<div class="img-box">
<img class="img2" src="https://webapp-pub.ezijing.com/project/marywood/marywood321.png" />
</div>
<img style="width:540px;margin-top:65px;" class="img2" src="https://webapp-pub.ezijing.com/project/marywood/marywood322.png" />
<img class="img22" src="https://webapp-pub.ezijing.com/project/marywood/marywood322.png" />
</div>
<img style="width:100%;height:100%;margin-top:68px" src="https://webapp-pub.ezijing.com/project/marywood/marywood331.png" />
<img class="img4" src="https://webapp-pub.ezijing.com/project/marywood/marywood331.png" />
<div class="content">
<img src="https://webapp-pub.ezijing.com/project/marywood/marywood34.png" />
</div>
<div style="width:1200px;margin:auto;text-align:center;display:flex;justify-content:flex-start;margin-top:64px;">
<div style="width: 6px;height: 34px;background: #AA1941;margin-right:9px;margin-top:6px"></div>
<h1 style="color: #333333; font-size: 34px;font-weight: bold;">项目设置</h1>
<div class="content_tit">
<div class="line"></div>
<div class="tit_desc">项目设置</div>
</div>
<img style="margin-top:64px;width:100%;height:100%" src="https://webapp-pub.ezijing.com/project/marywood/marywood3611.png" alt="" />
<img class="img4" src="https://webapp-pub.ezijing.com/project/marywood/marywood3611.png" alt="" />
<div class="content">
<img src="https://webapp-pub.ezijing.com/project/marywood/marywood37.png" />
</div>
<div style="width:1200px;margin:64px auto 0;text-align:center;display:flex;justify-content:flex-start;">
<div style="width: 6px;height: 34px;background: #AA1941;margin-right:9px;margin-top:6px"></div>
<h1 style="color: #333333; font-size: 34px;font-weight: bold;">校园风光</h1>
<div class="content_tit">
<div class="line"></div>
<div class="tit_desc">校园风光</div>
</div>
<div class="swiper-content" @mouseenter="swiperStop" @mouseleave="swiperStart">
<div v-swiper:mySwiper="swiperOption" ref="mySwiper">
......@@ -97,13 +97,17 @@ export default {
<style lang="scss" scoped>
.banner {
position: relative;
.img_banner {
width: 100%;
height: 100%;
}
.btn {
display: flex;
justify-content: center;
position: absolute;
bottom: 109px;
left: 50%;
transform: translateX(-50%);
bottom: 109px;
}
.btn1 {
width: 104px;
......@@ -126,14 +130,54 @@ export default {
margin: auto;
text-align: center;
margin-top: 70px;
display: flex;
img {
width: 100%;
height: 100%;
}
.img-box {
position: relative;
flex: 1;
.img2 {
width: 956px;
position: absolute;
top: 0;
right: 60px;
}
}
.img22 {
width: 540px;
margin-top: 65px;
}
}
.img4 {
width: 100%;
height: 100%;
margin-top: 68px;
}
.content_tit {
width: 1200px;
margin: auto;
text-align: center;
display: flex;
justify-content: flex-start;
margin-top: 64px;
.line {
width: 6px;
height: 34px;
background: #aa1941;
margin-right: 9px;
margin-top: 6px;
}
.tit_desc {
color: #333333;
font-size: 34px;
font-weight: bold;
}
}
.swiper-content {
padding-top: 37px;
// width: 100%;
padding-bottom: 132px;
.swiper-slide {
position: relative;
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论