Skip to content

P
project-online-pc
提交 dcfe0225 authored 作者: matian's avatar matian
浏览文件
操作

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

上级 1467b54c
显示空白字符变更
内嵌 并排
正在显示 包含 192 行增加 和 158 行删除
pages/about/course.vue
浏览文件 @ dcfe0225
<template> <template>
<div :class="isMobile ? 'is-h5' : 'is-pc'">
<app-frame :data="frameParams"> <app-frame :data="frameParams">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/adva_banner.png" alt="" /> <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/adva_banner.png" alt="" />
<img <img class="img_bottom" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/adva_1.png" alt="" />
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> </app-frame>
</div>
</template> </template>
<script> <script>
import appFrame from '@/components/appFrame' import appFrame from '@/components/appFrame'
...@@ -47,7 +41,6 @@ export default { ...@@ -47,7 +41,6 @@ export default {
} }
], ],
frameParams: { frameParams: {
// banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_banner_nx4.jpg',
slider: [ slider: [
{ {
name: this.$t('menu.courseChild.set'), name: this.$t('menu.courseChild.set'),
...@@ -70,102 +63,10 @@ export default { ...@@ -70,102 +63,10 @@ export default {
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.is-pc { .img_bottom {
.course-content-box { padding-left: 101px;
// width: 1200px; padding-right: 49px;
// margin: 0 auto; margin-top: 65px;
.content-mian { padding-bottom: 109px;
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;
}
}
}
}
} }
</style> </style>
pages/enroll/process.vue
浏览文件 @ dcfe0225
<template> <template>
<app-frame :data="frameParams"> <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_banner.png" alt="" />
<img <img src="https://webapp-pub.ezijing.com/project/marywood/sign_content.png" alt="" class="img_bottom" />
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"
/>
</app-frame> </app-frame>
</template> </template>
<script> <script>
...@@ -26,3 +22,11 @@ export default { ...@@ -26,3 +22,11 @@ export default {
} }
} }
</script> </script>
<style lang="scss" scoped>
.img_bottom {
padding-left: 101px;
padding-right: 49px;
margin-top: 65px;
padding-bottom: 109px;
}
</style>
pages/news/hot/_id.vue
浏览文件 @ dcfe0225
...@@ -32,7 +32,7 @@ export default { ...@@ -32,7 +32,7 @@ export default {
slider: [ slider: [
{ {
name: this.$t('menu.projectChild.bg'), name: this.$t('menu.projectChild.bg'),
path: '/project-intro/bg' path: '/project-intro/introduce'
}, },
{ {
name: this.$t('menu.newsChild.hot'), name: this.$t('menu.newsChild.hot'),
......
pages/question/question.vue
浏览文件 @ dcfe0225
<template> <template>
<app-frame :data="frameParams"> <app-frame :data="frameParams">
<!-- <el-card> -->
<div class="main_content"> <div class="main_content">
<div class="title_mon"> <div class="title_mon">
常见问题 常见问题
...@@ -13,7 +12,6 @@ ...@@ -13,7 +12,6 @@
</div> </div>
</div> </div>
</div> </div>
<!-- </el-card> -->
</app-frame> </app-frame>
</template> </template>
<script> <script>
......
pages/school/school1.vue
浏览文件 @ dcfe0225
<template> <template>
<div> <div>
<div class="banner"> <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"> <div class="btn">
<el-button class="btn1" @click="$router.push('/my/account')">报名申请</el-button> <el-button class="btn1" @click="$router.push('/my/account')">报名申请</el-button>
</div> </div>
...@@ -11,27 +11,27 @@ ...@@ -11,27 +11,27 @@
<img class="img1" src="https://webapp-pub.ezijing.com/project/marywood/school12.png" /> <img class="img1" src="https://webapp-pub.ezijing.com/project/marywood/school12.png" />
</div> </div>
<div class="content" style="display:flex;"> <div class="content">
<div class="img-box" style="flex:1;position: relative;"> <div class="img-box">
<img style="width:956px;position: absolute;top:0;right:60px;" class="img2" src="https://webapp-pub.ezijing.com/project/marywood/school131.png" /> <img class="img2" src="https://webapp-pub.ezijing.com/project/marywood/school131.png" />
</div> </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> </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"> <div class="content">
<img src="https://webapp-pub.ezijing.com/project/marywood/school251.png" /> <img src="https://webapp-pub.ezijing.com/project/marywood/school251.png" />
</div> </div>
<div style="width:1200px;margin:auto;text-align:center;display:flex;justify-content:flex-start;margin-top:64px;"> <div class="content_tit">
<div style="width: 6px;height: 34px;background: #AA1941;margin-right:9px;margin-top:6px"></div> <div class="line"></div>
<h1 style="color: #333333; font-size: 34px;font-weight: bold;">项目设置</h1> <div class="tit_desc">项目设置</div>
</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"> <div class="content">
<img src="https://webapp-pub.ezijing.com/project/marywood/school17.png" /> <img src="https://webapp-pub.ezijing.com/project/marywood/school17.png" />
</div> </div>
<div style="margin:64px auto 0;text-align:center;width:1200px;display:flex;justify-content:flex-start;"> <div class="content_tit">
<div style="width: 6px;height: 34px;background: #AA1941;margin-right:9px;margin-top:6px"></div> <div class="line"></div>
<h1 style="color: #333333; font-size: 34px;font-weight: bold;">校园风光</h1> <div class="tit_desc">校园风光</div>
</div> </div>
<div class="swiper-content" @mouseenter="swiperStop" @mouseleave="swiperStart"> <div class="swiper-content" @mouseenter="swiperStop" @mouseleave="swiperStart">
<div v-swiper:mySwiper="swiperOption" ref="mySwiper"> <div v-swiper:mySwiper="swiperOption" ref="mySwiper">
...@@ -98,13 +98,16 @@ export default { ...@@ -98,13 +98,16 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.banner { .banner {
position: relative; position: relative;
.img_banner {
width: 100%;
height: 100%;
}
.btn { .btn {
display: flex; display: flex;
justify-content: center; justify-content: center;
position: absolute; position: absolute;
bottom: 109px; bottom: 109px;
left: 50%; left: 50%;
// top: 661px;
transform: translateX(-50%); transform: translateX(-50%);
} }
.btn1 { .btn1 {
...@@ -128,14 +131,54 @@ export default { ...@@ -128,14 +131,54 @@ export default {
margin: auto; margin: auto;
text-align: center; text-align: center;
margin-top: 70px; margin-top: 70px;
display: flex;
img { img {
width: 100%; width: 100%;
height: 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 { .swiper-content {
padding-top: 37px; padding-top: 37px;
// width: 100%;
padding-bottom: 132px; padding-bottom: 132px;
.swiper-slide { .swiper-slide {
position: relative; position: relative;
......
pages/school/school2.vue
浏览文件 @ dcfe0225
<template> <template>
<div> <div>
<div class="banner"> <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"> <div class="btn">
<el-button class="btn1" @click="$router.push('/my/account')">报名申请</el-button> <el-button class="btn1" @click="$router.push('/my/account')">报名申请</el-button>
</div> </div>
...@@ -10,27 +10,27 @@ ...@@ -10,27 +10,27 @@
<div class="content"> <div class="content">
<img class="img1" src="https://webapp-pub.ezijing.com/project/marywood/school22.png" /> <img class="img1" src="https://webapp-pub.ezijing.com/project/marywood/school22.png" />
</div> </div>
<div class="content" style="display:flex;"> <div class="content">
<div class="img-box" style="flex:1;position: relative;"> <div class="img-box">
<img style="width:956px;position: absolute;top:0;right:60px;" class="img2" src="https://webapp-pub.ezijing.com/project/marywood/school231.png" /> <img class="img2" src="https://webapp-pub.ezijing.com/project/marywood/school231.png" />
</div> </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> </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"> <div class="content">
<img src="https://webapp-pub.ezijing.com/project/marywood/school25.png" /> <img src="https://webapp-pub.ezijing.com/project/marywood/school25.png" />
</div> </div>
<div style="width:1200px;margin:auto;text-align:center;display:flex;justify-content:flex-start;margin-top:64px;"> <div class="content_tit">
<div style="width: 6px;height: 34px;background: #AA1941;margin-right:9px;margin-top:6px"></div> <div class="line"></div>
<h1 style="color: #333333; font-size: 34px;font-weight: bold;">项目设置</h1> <h1 class="tit_desc">项目设置</h1>
</div> </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"> <div class="content">
<img src="https://webapp-pub.ezijing.com/project/marywood/school27.png" /> <img src="https://webapp-pub.ezijing.com/project/marywood/school27.png" />
</div> </div>
<div style="width:1200px;margin:64px auto 0;text-align:center;display:flex;justify-content:flex-start;"> <div class="content_tit">
<div style="width: 6px;height: 34px;background: #AA1941;margin-right:9px;margin-top:6px"></div> <div class="line"></div>
<h1 style="color: #333333; font-size: 34px;font-weight: bold;">校园风光</h1> <h1 class="tit_desc">校园风光</h1>
</div> </div>
<div class="swiper-content" @mouseenter="swiperStop" @mouseleave="swiperStart"> <div class="swiper-content" @mouseenter="swiperStop" @mouseleave="swiperStart">
<div v-swiper:mySwiper="swiperOption" ref="mySwiper"> <div v-swiper:mySwiper="swiperOption" ref="mySwiper">
...@@ -98,13 +98,17 @@ export default { ...@@ -98,13 +98,17 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.banner { .banner {
position: relative; position: relative;
.img_banner {
width: 100%;
height: 100%;
}
.btn { .btn {
display: flex; display: flex;
justify-content: center; justify-content: center;
position: absolute; position: absolute;
bottom: 109px;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
bottom: 109px;
} }
.btn1 { .btn1 {
width: 104px; width: 104px;
...@@ -127,14 +131,54 @@ export default { ...@@ -127,14 +131,54 @@ export default {
margin: auto; margin: auto;
text-align: center; text-align: center;
margin-top: 70px; margin-top: 70px;
display: flex;
img { img {
width: 100%; width: 100%;
height: 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 { .swiper-content {
padding-top: 37px; padding-top: 37px;
// width: 100%;
padding-bottom: 132px; padding-bottom: 132px;
.swiper-slide { .swiper-slide {
position: relative; position: relative;
......
pages/school/school3.vue
浏览文件 @ dcfe0225
<template> <template>
<div> <div>
<div class="banner"> <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"> <div class="btn">
<el-button class="btn1" @click="$router.push('/my/account')">报名申请</el-button> <el-button class="btn1" @click="$router.push('/my/account')">报名申请</el-button>
</div> </div>
...@@ -9,27 +9,27 @@ ...@@ -9,27 +9,27 @@
<div class="content"> <div class="content">
<img class="img1" src="https://webapp-pub.ezijing.com/project/marywood/marywood31.png" /> <img class="img1" src="https://webapp-pub.ezijing.com/project/marywood/marywood31.png" />
</div> </div>
<div class="content" style="display:flex;"> <div class="content">
<div class="img-box" style="flex:1;position: relative;"> <div class="img-box">
<img style="width:956px;position: absolute;top:0;right:60px;" class="img2" src="https://webapp-pub.ezijing.com/project/marywood/marywood321.png" /> <img class="img2" src="https://webapp-pub.ezijing.com/project/marywood/marywood321.png" />
</div> </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> </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"> <div class="content">
<img src="https://webapp-pub.ezijing.com/project/marywood/marywood34.png" /> <img src="https://webapp-pub.ezijing.com/project/marywood/marywood34.png" />
</div> </div>
<div style="width:1200px;margin:auto;text-align:center;display:flex;justify-content:flex-start;margin-top:64px;"> <div class="content_tit">
<div style="width: 6px;height: 34px;background: #AA1941;margin-right:9px;margin-top:6px"></div> <div class="line"></div>
<h1 style="color: #333333; font-size: 34px;font-weight: bold;">项目设置</h1> <div class="tit_desc">项目设置</div>
</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"> <div class="content">
<img src="https://webapp-pub.ezijing.com/project/marywood/marywood37.png" /> <img src="https://webapp-pub.ezijing.com/project/marywood/marywood37.png" />
</div> </div>
<div style="width:1200px;margin:64px auto 0;text-align:center;display:flex;justify-content:flex-start;"> <div class="content_tit">
<div style="width: 6px;height: 34px;background: #AA1941;margin-right:9px;margin-top:6px"></div> <div class="line"></div>
<h1 style="color: #333333; font-size: 34px;font-weight: bold;">校园风光</h1> <div class="tit_desc">校园风光</div>
</div> </div>
<div class="swiper-content" @mouseenter="swiperStop" @mouseleave="swiperStart"> <div class="swiper-content" @mouseenter="swiperStop" @mouseleave="swiperStart">
<div v-swiper:mySwiper="swiperOption" ref="mySwiper"> <div v-swiper:mySwiper="swiperOption" ref="mySwiper">
...@@ -97,13 +97,17 @@ export default { ...@@ -97,13 +97,17 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.banner { .banner {
position: relative; position: relative;
.img_banner {
width: 100%;
height: 100%;
}
.btn { .btn {
display: flex; display: flex;
justify-content: center; justify-content: center;
position: absolute; position: absolute;
bottom: 109px;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
bottom: 109px;
} }
.btn1 { .btn1 {
width: 104px; width: 104px;
...@@ -126,14 +130,54 @@ export default { ...@@ -126,14 +130,54 @@ export default {
margin: auto; margin: auto;
text-align: center; text-align: center;
margin-top: 70px; margin-top: 70px;
display: flex;
img { img {
width: 100%; width: 100%;
height: 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 { .swiper-content {
padding-top: 37px; padding-top: 37px;
// width: 100%;
padding-bottom: 132px; padding-bottom: 132px;
.swiper-slide { .swiper-slide {
position: relative; position: relative;
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论