提交 45409465 authored 作者: 王鹏飞's avatar 王鹏飞

chore: update

上级 e6b376e6
...@@ -77,5 +77,5 @@ textarea:focus { ...@@ -77,5 +77,5 @@ textarea:focus {
} }
:root { :root {
--main-color: #faa634; --main-color: #005596;
} }
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<div class="section-form"> <div class="section-form">
<div class="section-form-inner"> <div class="section-form-inner">
<div class="form-box"> <div class="form-box">
<h2>了解CUW家庭教育硕士</h2> <h2>报名咨询CUW家庭教育硕士</h2>
<p>填写姓名 + 手机, 点击报名咨询</p> <p>填写姓名 + 手机, 点击报名咨询</p>
<el-form :model="ruleForm" :rules="rules" ref="ruleForm"> <el-form :model="ruleForm" :rules="rules" ref="ruleForm">
<el-form-item prop="name"> <el-form-item prop="name">
...@@ -117,7 +117,9 @@ export default { ...@@ -117,7 +117,9 @@ export default {
} }
::v-deep .el-button { ::v-deep .el-button {
margin-top: 20px; margin-top: 20px;
color: #012642; color: #fff;
background-color: #faa634;
border: 1px solid #faa634;
width: 100%; width: 100%;
height: 40px; height: 40px;
border-radius: 0; border-radius: 0;
......
...@@ -62,8 +62,8 @@ export default { ...@@ -62,8 +62,8 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.home-banner { .home-banner {
position: relative; position: relative;
height: calc(100vh - 40px); height: calc(100vh - 10px);
min-height: 660px; min-height: 600px;
} }
.banner-swiper { .banner-swiper {
height: 100%; height: 100%;
...@@ -137,6 +137,9 @@ export default { ...@@ -137,6 +137,9 @@ export default {
transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;
} }
&:hover { &:hover {
.cover-inner {
background-color: rgba(0, 0, 0, 0.4);
}
img { img {
transform: scale(1.1); transform: scale(1.1);
} }
...@@ -146,11 +149,15 @@ export default { ...@@ -146,11 +149,15 @@ export default {
position: absolute; position: absolute;
left: 0; left: 0;
right: 0; right: 0;
top: 0;
bottom: 0; bottom: 0;
z-index: 11; z-index: 11;
padding: 0 40px; padding: 0 30px;
padding-bottom: 25%;
box-sizing: border-box; box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding-bottom: 25%;
} }
h1 { h1 {
font-size: 36px; font-size: 36px;
...@@ -161,11 +168,12 @@ export default { ...@@ -161,11 +168,12 @@ export default {
h2 { h2 {
margin-top: 16px; margin-top: 16px;
font-size: 26px; font-size: 26px;
color: #fff; color: #faa634;
font-weight: 400; font-weight: 400;
text-align: right; text-align: right;
} }
p { p {
margin-top: 16px;
font-size: 18px; font-size: 18px;
color: #fff; color: #fff;
line-height: 2; line-height: 2;
......
...@@ -52,7 +52,7 @@ export default {} ...@@ -52,7 +52,7 @@ export default {}
font-weight: 500; font-weight: 500;
color: #222222; color: #222222;
line-height: 1; line-height: 1;
border-bottom: 3px solid var(--main-color); border-bottom: 3px solid #faa634;
} }
} }
p { p {
......
...@@ -31,12 +31,12 @@ export default { ...@@ -31,12 +31,12 @@ export default {
.layout-register { .layout-register {
.layout-register-header { .layout-register-header {
padding: 20px 0px; padding: 20px 0px;
color: #faa634; color: #005596;
.border { .border {
width: 100%; width: 100%;
height: 2px; height: 2px;
display: inline-block; display: inline-block;
background: #faa634; background: #005596;
} }
} }
.layout-register-body { .layout-register-body {
......
...@@ -21,7 +21,7 @@ ...@@ -21,7 +21,7 @@
</div> </div>
<div class="footer-link"> <div class="footer-link">
<h4> <h4>
<span>认证查询</span> <span>排名查询</span>
</h4> </h4>
<a <a
href="https://www.usnews.com/best-colleges/concordia-university-wisconsin-3842/overall-rankings" href="https://www.usnews.com/best-colleges/concordia-university-wisconsin-3842/overall-rankings"
...@@ -39,10 +39,10 @@ ...@@ -39,10 +39,10 @@
>2014年GetEducated.com全美在线教育(教学)硕士排名20</a >2014年GetEducated.com全美在线教育(教学)硕士排名20</a
> >
</div> </div>
<div class="footer_logo"> </div>
<img src="https://zws-imgs-pub.ezijing.com/pc/base/logo.svg" /> <div class="footer_logo">
<img src="https://webapp-pub.ezijing.com/project/cuw/cuw_logo_blue.svg" /> <img src="https://zws-imgs-pub.ezijing.com/pc/base/logo.svg" />
</div> <img src="https://webapp-pub.ezijing.com/project/cuw/cuw_logo_blue.svg" />
</div> </div>
</footer> </footer>
<div class="copyright"> <div class="copyright">
...@@ -73,11 +73,10 @@ export default { ...@@ -73,11 +73,10 @@ export default {
.footer { .footer {
background-size: cover; background-size: cover;
background: #fff url('~@/assets/images/fotbk.png') no-repeat center center; background: #fff url('~@/assets/images/fotbk.png') no-repeat center center;
padding: 80px 0;
.footer-inner { .footer-inner {
padding: 80px 0;
margin: 0 auto; margin: 0 auto;
width: 80%; width: 80%;
min-height: 460px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
box-sizing: border-box; box-sizing: border-box;
...@@ -110,7 +109,7 @@ export default { ...@@ -110,7 +109,7 @@ export default {
position: absolute; position: absolute;
bottom: -4px; bottom: -4px;
height: 3px; height: 3px;
background: #faa634; background: #005596;
width: 100%; width: 100%;
} }
} }
...@@ -126,11 +125,15 @@ export default { ...@@ -126,11 +125,15 @@ export default {
} }
} }
} }
.footer_logo { }
width: 180px; .footer_logo {
display: flex; margin-top: 40px;
flex-direction: column; display: flex;
justify-content: space-around; align-items: center;
justify-content: center;
img {
width: 200px;
margin: 0 80px;
} }
} }
} }
......
<template> <template>
<header class="header" :class="{ 'is-fixed': fixed, 'is-enter': isEnter && fixed }"> <header class="header" :class="{ 'is-fixed': fixed, 'is-enter': isEnter && fixed }">
<HeaderNews /> <!-- <HeaderNews /> -->
<div class="header-inner"> <div class="header-inner">
<div class="header-main"> <div class="header-main">
<div class="logo"> <div class="logo">
...@@ -63,11 +63,12 @@ export default { ...@@ -63,11 +63,12 @@ export default {
top: 0; top: 0;
width: 100%; width: 100%;
z-index: 100; z-index: 100;
border-top: 10px solid var(--main-color);
&.is-fixed { &.is-fixed {
.header-inner { .header-inner {
position: fixed; position: fixed;
top: 40px; top: 10px;
background-color: rgba(0, 0, 0, 0.4); background-color: rgba(0, 0, 0, 0.4);
} }
.nav { .nav {
...@@ -118,9 +119,8 @@ export default { ...@@ -118,9 +119,8 @@ export default {
.nav { .nav {
flex: 2; flex: 2;
display: flex; display: flex;
justify-content: flex-end; justify-content: space-between;
.nav-item { .nav-item {
flex: 1;
text-align: right; text-align: right;
font-size: 16px; font-size: 16px;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
...@@ -129,7 +129,7 @@ export default { ...@@ -129,7 +129,7 @@ export default {
} }
a { a {
&.router-link-active { &.router-link-active {
color: var(--main-color); color: #faa634;
} }
} }
} }
......
...@@ -31,7 +31,7 @@ export default { ...@@ -31,7 +31,7 @@ export default {
background: #fff4eeff; background: #fff4eeff;
.slide-list-title { .slide-list-title {
font-weight: 600; font-weight: 600;
color: #faa634; color: #005596;
} }
} }
.slide-list { .slide-list {
...@@ -61,7 +61,7 @@ export default { ...@@ -61,7 +61,7 @@ export default {
border-top-right-radius: 3px; border-top-right-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
width: 3px; width: 3px;
background: #faa634; background: #005596;
} }
} }
} }
......
...@@ -23,7 +23,7 @@ export default { ...@@ -23,7 +23,7 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.contact-banner { .contact-banner {
height: calc(100vh - 40px); height: calc(100vh - 10px);
position: relative; position: relative;
background: url('~@/assets/images/wm.png') no-repeat center center; background: url('~@/assets/images/wm.png') no-repeat center center;
background-size: cover; background-size: cover;
......
...@@ -3,9 +3,7 @@ ...@@ -3,9 +3,7 @@
<header class="header"> <header class="header">
<div class="inner"> <div class="inner">
<div class="logo"> <div class="logo">
<router-link to="/" <router-link to="/"><img src="https://webapp-pub.ezijing.com/project/cuw/cuw_logo_blue.svg"/></router-link>
><img src="https://zws-imgs-pub.ezijing.com/static/public/2a5dca328ca63abcf1c8496180adc485.png"
/></router-link>
</div> </div>
</div> </div>
</header> </header>
...@@ -151,7 +149,7 @@ export default { ...@@ -151,7 +149,7 @@ export default {
} }
} }
.nav { .nav {
background-color: #faa634; background-color: #005596;
.title { .title {
font-size: 24px; font-size: 24px;
font-weight: 600; font-weight: 600;
......
...@@ -61,7 +61,7 @@ ...@@ -61,7 +61,7 @@
</div> </div>
<div class="project-study-bd"> <div class="project-study-bd">
<div class="project-study-left"> <div class="project-study-left">
<img src="https://webapp-pub.ezijing.com/project/cuw/project_study.png" width="547px" /> <img src="https://webapp-pub.ezijing.com/project/cuw/project_study.png" width="500px" />
</div> </div>
<div class="project-study-right"> <div class="project-study-right">
<h3>项目学制</h3> <h3>项目学制</h3>
...@@ -165,25 +165,26 @@ export default { ...@@ -165,25 +165,26 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.banner { .banner {
position: relative; position: relative;
height: calc(100vh - 40px); height: calc(100vh - 10px);
min-height: 660px; min-height: 600px;
background: url(https://webapp-pub.ezijing.com/project/cuw/project_banner.jpg) no-repeat center; background: url(https://webapp-pub.ezijing.com/project/cuw/project_banner.jpg) no-repeat center;
background-size: cover; background-size: cover;
.banner-inner { .banner-inner {
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translate(-50%, -50%);
width: 980px; width: 980px;
margin: 0 auto; margin: 0 auto;
} }
h1 { h1 {
font-size: 56px; font-size: 50px;
font-family: SourceHanSansCN-Medium, SourceHanSansCN; font-family: SourceHanSansCN-Medium, SourceHanSansCN;
font-weight: 500; font-weight: 500;
color: #ffffff; color: #ffffff;
line-height: 59px; line-height: 58px;
letter-spacing: 9px; letter-spacing: 9px;
text-align: center;
padding: 20px 0; padding: 20px 0;
} }
p { p {
...@@ -220,7 +221,7 @@ export default { ...@@ -220,7 +221,7 @@ export default {
} }
.project-forest { .project-forest {
padding: 70px 0; padding: 70px 0;
height: 866px; height: 760px;
background: url(https://webapp-pub.ezijing.com/project/cuw/project_forest.jpg) no-repeat; background: url(https://webapp-pub.ezijing.com/project/cuw/project_forest.jpg) no-repeat;
background-size: cover; background-size: cover;
box-sizing: border-box; box-sizing: border-box;
...@@ -231,7 +232,7 @@ export default { ...@@ -231,7 +232,7 @@ export default {
color: #ffffff; color: #ffffff;
text-align: center; text-align: center;
span { span {
color: var(--main-color); color: #faa634;
} }
} }
.t0 { .t0 {
...@@ -254,15 +255,15 @@ export default { ...@@ -254,15 +255,15 @@ export default {
&:hover, &:hover,
&.is-active { &.is-active {
.circle { .circle {
border-color: var(--main-color); border-color: #faa634;
} }
.forest-item-main { .forest-item-main {
display: block; display: block;
} }
} }
.circle { .circle {
width: 180px; width: 160px;
height: 180px; height: 160px;
border: 6px solid #0d78c6; border: 6px solid #0d78c6;
border-radius: 50%; border-radius: 50%;
display: flex; display: flex;
...@@ -276,7 +277,7 @@ export default { ...@@ -276,7 +277,7 @@ export default {
font-weight: 400; font-weight: 400;
color: #ffffff; color: #ffffff;
&::first-letter { &::first-letter {
font-size: 70px; font-size: 50px;
} }
} }
.t2 { .t2 {
...@@ -296,8 +297,8 @@ export default { ...@@ -296,8 +297,8 @@ export default {
position: relative; position: relative;
margin: 0 auto 22px; margin: 0 auto 22px;
width: 0; width: 0;
height: 190px; height: 100px;
border-left: 1px dashed var(--main-color); border-left: 1px dashed #faa634;
&::after { &::after {
content: ''; content: '';
position: absolute; position: absolute;
...@@ -306,13 +307,13 @@ export default { ...@@ -306,13 +307,13 @@ export default {
width: 9px; width: 9px;
height: 9px; height: 9px;
border-radius: 50%; border-radius: 50%;
background-color: var(--main-color); background-color: #faa634;
transform: translateX(-50%); transform: translateX(-50%);
} }
} }
dl { dl {
padding-left: 8px; padding-left: 8px;
border-left: 2px solid var(--main-color); border-left: 2px solid #faa634;
} }
dl + dl { dl + dl {
margin-top: 30px; margin-top: 30px;
...@@ -343,7 +344,7 @@ export default { ...@@ -343,7 +344,7 @@ export default {
justify-content: center; justify-content: center;
} }
.project-card-item { .project-card-item {
width: 270px; width: 260px;
margin: 0 20px; margin: 0 20px;
&:hover { &:hover {
.project-card-item-box { .project-card-item-box {
...@@ -354,16 +355,16 @@ export default { ...@@ -354,16 +355,16 @@ export default {
} }
} }
.project-card-item-header { .project-card-item-header {
width: 230px; width: 220px;
height: 67px; height: 60px;
margin: 0 auto; margin: 0 auto;
font-size: 28px; font-size: 26px;
font-family: SourceHanSansCN-Medium, SourceHanSansCN; font-family: SourceHanSansCN-Medium, SourceHanSansCN;
font-weight: 500; font-weight: 500;
color: #ffffff; color: #ffffff;
line-height: 67px; line-height: 60px;
text-align: center; text-align: center;
background: url('https://webapp-pub.ezijing.com/project/cuw/proejct_card_bg.png') no-repeat; background: url('https://webapp-pub.ezijing.com/project/cuw/proejct_card_bg.png') no-repeat center top;
background-size: contain; background-size: contain;
} }
.project-card-item-box { .project-card-item-box {
...@@ -410,7 +411,7 @@ export default { ...@@ -410,7 +411,7 @@ export default {
} }
} }
.project-study { .project-study {
height: 660px; height: 600px;
background: url(https://webapp-pub.ezijing.com/project/cuw/project_study_bg.jpg) no-repeat center center; background: url(https://webapp-pub.ezijing.com/project/cuw/project_study_bg.jpg) no-repeat center center;
background-size: cover; background-size: cover;
.subtitle { .subtitle {
......
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<qrcode-pay @update="handleUpdateOrder" v-else></qrcode-pay> <qrcode-pay @update="handleUpdateOrder" v-else></qrcode-pay>
<div class="pay-ft"> <div class="pay-ft">
<p class="t2">注释:在提交600元申请费后,申请人需上传并提交如下文件。</p> <p class="t2">注释:在提交600元申请费后,申请人需上传并提交如下文件。</p>
<p class="t2">①填写报名表、②完成推荐信2封、③本科学历学位证书、④中英文成绩单、⑤个人证件照</p> <p class="t2">①填写报名表、②完成推荐信2封、③本科/专科学历学位证书、④中英文成绩单、⑤个人证件照</p>
<p class="t2">该申请费不退,请慎重缴费!</p> <p class="t2">该申请费不退,请慎重缴费!</p>
</div> </div>
<el-dialog <el-dialog
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论