提交 073f5216 authored 作者: lihuihui's avatar lihuihui

项目站开发完成

上级 4fbdb2d1
......@@ -77,5 +77,5 @@ textarea:focus {
}
:root {
--main-color: #005596;
--main-color: #1A5632;
}
<template>
<div class="course">
<h1>课程体系</h1>
<div class="card-list">
<div class="item" v-for="(item, index) in course" :key="index">
<h2>{{ item.title }}</h2>
<ul>
<li v-for="cItem in item.list" :key="cItem.t2">
<h3>{{ cItem.t1 }}</h3>
<p>{{ cItem.t2 }}</p>
</li>
</ul>
</div>
</div>
</div>
</template>
<script>
// import HomeBanner from '@/components/home/banner'
// import HomeSchool from '@/components/home/school'
// import FormBox from '@/components/formBox'
export default {
data() {
return {
course: [
{
title: '数字商业思维与方法模块',
list: [
{
t1: '设计思维与管理创新',
t2: 'Design Thinking for Managers'
},
{
t1: '研究方法',
t2: 'Research Methodology'
},
{
t1: '商业数据分析',
t2: 'Business Data Analysis'
},
{
t1: '信息系统高级管理专题',
t2: 'Advanced Topics in Management Information System'
}
]
},
{
title: '领导力与执行模块',
list: [
{
t1: '沟通管理',
t2: 'Communication Management'
},
{
t1: '组织行为与领导力',
t2: 'Organizational Behavior and Leadership'
},
{
t1: '数字时代领导力',
t2: 'Leadership in the Information Age'
},
{
t1: '商法',
t2: 'Commercial Law'
}
]
},
{
title: '经营管理模块',
list: [
{
t1: '战略管理',
t2: 'Strategic Management'
},
{
t1: '运营管理',
t2: 'Operation Management'
},
{
t1: '营销管理与数字化营销',
t2: 'Marketing Management and Digital Marketing'
},
{
t1: '财务规划与管理',
t2: 'Financial Planning and Management'
}
]
}
]
}
}
}
</script>
<style lang="scss" scoped>
.course {
height: 722px;
background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/course_bg.png);
background-size: cover;
h1 {
font-size: 40px;
font-weight: bold;
color: #ffffff;
line-height: 51px;
width: fit-content;
margin: 0 auto;
border-bottom: 3px solid #f6a800;
padding-top: 40px;
}
.card-list {
padding-top: 80px;
display: flex;
justify-content: center;
.item {
width: 380px;
&:nth-child(2){
margin: 0 30px;
}
h2 {
font-size: 30px;
font-weight: bold;
color: #f6a800;
line-height: 45px;
text-align: center;
margin-bottom: 35px;
}
ul {
border: 2px solid #f9aa00;
li {
height: 90px;
border-bottom: 2px solid #f9aa00;
text-align: center;
&:last-child {
border-bottom: none;
}
p {
font-size: 16px;
color: #ffffff;
line-height: 19px;
margin-top: 6px;
// white-space: nowrap;
}
h3 {
font-size: 20px;
font-weight: bold;
color: #ffffff;
line-height: 30px;
padding-top: 15px;
// white-space: nowrap;
}
}
}
}
}
}
</style>
......@@ -2,7 +2,7 @@
<div class="section-form">
<div class="section-form-inner">
<div class="form-box">
<h2>报名咨询CUW家庭教育硕士</h2>
<h2>玛丽伍德大学<br />数字领导力方向MBA</h2>
<p>填写姓名 + 手机, 点击报名咨询</p>
<el-form :model="ruleForm" :rules="rules" ref="ruleForm">
<el-form-item prop="name">
......@@ -39,7 +39,7 @@ export default {
name: '',
phone: '',
channel: window.localStorage.getItem('channel_num') || 19960,
project_id: 1021
project_id: 1012
},
isLoading: false,
rules: {
......@@ -72,7 +72,7 @@ export default {
display: flex;
justify-content: center;
height: 554px;
background: url(https://webapp-pub.ezijing.com/project/cuw/proejct_form_bg.jpg) no-repeat center;
background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/form_bg.png) no-repeat center;
background-repeat: no-repeat;
background-size: cover;
}
......@@ -83,12 +83,13 @@ export default {
font-size: 26px;
font-family: SourceHanSansCN-Medium, SourceHanSansCN;
font-weight: 500;
color: #0466a1;
color: #1a5632;
line-height: 40px;
letter-spacing: 5px;
text-align: center;
}
p {
margin-top: 10px;
margin-bottom: 30px;
font-size: 20px;
font-family: SourceHanSansCN-Regular, SourceHanSansCN;
......
......@@ -5,18 +5,23 @@
</el-carousel>
<router-link to="profession">
<div class="cover">
<img src="https://webapp-pub.ezijing.com/project/cuw/banner_top.jpg" />
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/banner_block.png" />
<div class="cover-inner">
<h1>威斯康星协和大学</h1>
<h2>家庭教育硕士</h2>
<h1>玛丽伍德大学</h1>
<h2>数字领导力方向MBA</h2>
<p>
围绕“广义家庭教育”进行教学,从家庭系统的视角深度剖析全部家庭元素以及家庭与社会的关系,从根本上理解并解决家庭的问题。
赋能当今社会每位管理人,成就数字时代先锋领导者系统、实用、数字地赋能项目成长和企业转型升级
</p>
</div>
</div>
</router-link>
<div class="video-box" v-show="isPlaying">
<video ref="video" src="https://webapp-pub.ezijing.com/project/cuw/video.mp4" preload="auto" playsinline></video>
<video
ref="video"
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/videoplayback.mp4"
preload="auto"
playsinline
></video>
</div>
<div class="button-group">
<!-- <div class="button-item"><router-link to="profession">了解更多</router-link></div> -->
......@@ -34,16 +39,16 @@ export default {
bannerList: [
{
src: 'https://webapp-pub.ezijing.com/project/cuw/banner_1.jpg'
src: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/banner1.png'
},
{
src: 'https://webapp-pub.ezijing.com/project/cuw/banner_2.jpg'
src: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/banner2.png'
},
{
src: 'https://webapp-pub.ezijing.com/project/cuw/banner_3.jpg'
src: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/banner3.png'
},
{
src: 'https://webapp-pub.ezijing.com/project/cuw/banner_4.jpg'
src: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/banner4.png'
}
]
}
......@@ -157,7 +162,7 @@ export default {
display: flex;
flex-direction: column;
justify-content: flex-end;
padding-bottom: 25%;
padding-bottom: 33%;
}
h1 {
font-size: 36px;
......@@ -173,8 +178,8 @@ export default {
text-align: right;
}
p {
margin-top: 16px;
font-size: 18px;
margin-top: 20px;
font-size: 16px;
color: #fff;
line-height: 2;
text-align: justify;
......
......@@ -2,30 +2,28 @@
<div class="home-school">
<div class="info">
<div class="subtitle">
<h2>走进百年名校CUW</h2>
<h2>走进百年名校玛丽伍德大学</h2>
</div>
<p>
美国威斯康星协和大学(Concordia University
Wisconsin,简称CUW)成立于1881年,是一所综合型非营利性的综合型大学。学校位于美国威斯康星州Mequon市,坐落于美国五大湖之一的风光旖旎的密歇根湖畔。CUW是美国著名的协和大学系统(Concordia
University System)的六所大学中排名最高、历史最悠久、规模最大的高校。
美国玛丽伍德大学(Marywood University)成立于1915年,是一所非营利性的综合型大学。大学拥有3000余名在校学生,承担着100余个本科、硕士及博士专业的教学与科研工作。2021年度,学校毕业生就业率高达100%,并且毕业生平均薪资超过美国中产水平。
</p>
</div>
<div class="card-list">
<div class="card-item">
<img src="https://webapp-pub.ezijing.com/project/cuw/school_01.jpg" />
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/school_1.png" />
<div class="card-item__inner">
<h3>总统母校</h3>
<h3>位置优越</h3>
<p>
2004年5月,时任美国总统的乔治·沃克·布什先生乘坐总统的空军一号专机抵达威斯康星协和大学,慷慨激昂地发表了他在这所学校的荣誉博士毕业演讲
玛丽伍德大学位于宾夕法尼亚州Scranton市,地处美国历史名城费城、国际金融中心纽约、以及众多常青藤名校正中心的位置。校园占地面积115英亩,同时也是一所国家植物园,在秀美茂盛的原始森林里,蕴藏着100多种树木和灌木
</p>
</div>
</div>
<div class="card-item">
<img src="https://webapp-pub.ezijing.com/project/cuw/school_02.jpg" />
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/school_2.png" />
<div class="card-item__inner">
<h3>学校构成</h3>
<h3>校园人文</h3>
<p>
CUW拥有6大学院,承担70余个本科、硕士和博士专业的教学与科研工作。来自33个国家、42个州的8000余名在校本科生和研究生在此就读,学校文体活动丰富,拥有40余个不同领域的学生组织和30多支体育校队
玛丽伍德大学的学生文体活动丰富,学校是全美大学生体育协会 (NCAA) 成员,学校有着超过100个不同主题的学生组织
</p>
</div>
</div>
......
......@@ -31,12 +31,12 @@ export default {
.layout-register {
.layout-register-header {
padding: 20px 0px;
color: #005596;
color: rgba(26, 86, 50, 1);
.border {
width: 100%;
height: 2px;
display: inline-block;
background: #005596;
background: rgba(26, 86, 50, 1);
}
}
.layout-register-body {
......
......@@ -6,43 +6,36 @@
<h4>
<span>学校官网</span>
</h4>
<a href="https://www.cuw.edu" target="_blank">威斯康星协和大学官网</a>
<a href="https://www.marywood.edu/" target="_blank">玛丽伍德大学官网</a>
<a href="https://www.marywood.edu/programs/featured/zijing-mba" target="_blank">紫荆玛丽伍德MBA</a>
</div>
<div class="footer-link">
<h4>
<span>学校认证</span>
</h4>
<a href="http://jsj.moe.gov.cn/news/1/217.shtml" target="_blank">中国教育部承认院校</a>
<a
href="https://www.hlcommission.org/component/directory/?Itemid=&Action=ShowBasic&instid=1685"
target="_blank"
>美国高等教育认证委员会认证</a
<a href="http://jsj.moe.gov.cn/api/index/mdDesc" target="_blank">中国教育部承认院校</a>
<a href="https://acbsp.org/members/?id=18776651&hhSearchTerms=%22marywood+and+university%22" target="_blank"
>美国商学院认证委员会 ACBSP认证</a
>
<a href="https://www.msche.org/institution/0531/" target="_blank">美国中部各州院校协会 MSCHE认证</a>
</div>
<div class="footer-link">
<h4>
<span>排名查询</span>
</h4>
<a
href="https://www.usnews.com/best-colleges/concordia-university-wisconsin-3842/overall-rankings"
target="_blank"
>2022年U.S.News美国大学综合排名277</a
>
<a
href="https://thebestschools.org/rankings/25-best-online-masters-educational-administration-degree-programs/"
target="_blank"
>2022年TheBestSchools全美在线教育(教育管理)硕士排名19</a
<a href="https://www.usnews.com/best-colleges/marywood-university-3296/overall-rankings" target="_blank"
>2023 U.S. News美国北部最佳价值大学综合排名</a
>
<a
href="https://blog.cuw.edu/online-masters-in-teaching-and-learning-program-ranked-1-in-the-state/"
href="https://www.marywood.edu/news/2019-Master-of-Business-Administration-Program-Top-Ranking"
target="_blank"
>2014年GetEducated.com全美在线教育(教学)硕士排名20</a
>2019年Study.com美国MBA项目排名前50</a
>
</div>
</div>
<div class="footer_logo">
<img src="https://zws-imgs-pub.ezijing.com/pc/base/logo.svg" />
<img src="https://webapp-pub.ezijing.com/project/cuw/cuw_logo_blue.svg" />
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/marywood_logo%402x%20(1).png" />
</div>
</footer>
<div class="copyright">
......@@ -109,7 +102,7 @@ export default {
position: absolute;
bottom: -4px;
height: 3px;
background: #005596;
background: rgba(26, 86, 50, 1);
width: 100%;
}
}
......
......@@ -5,8 +5,8 @@
<div class="header-main">
<div class="logo">
<router-link to="/">
<img src="https://webapp-pub.ezijing.com/project/cuw/cuw_logo_white.svg" v-show="fixed && !isEnter" />
<img src="https://webapp-pub.ezijing.com/project/cuw/cuw_logo_blue.svg" v-show="isEnter || !fixed" />
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/marywood_logo%402x.png" v-show="fixed && !isEnter" />
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/marywood_logo%402x%20(1).png" v-show="isEnter || !fixed" />
</router-link>
</div>
<nav class="nav">
......@@ -31,7 +31,7 @@ export default {
scrollTop: 0,
navList: [
{ title: '首页', path: '/index' },
{ title: '家庭教育硕士', path: '/profession' },
{ title: '工商管理硕士(MBA)', path: '/profession' },
{ title: '报名申请', path: '/my' },
{ title: '最新动态', path: '/news' },
{ title: '联系我们', path: '/contact' }
......@@ -110,7 +110,7 @@ export default {
display: flex;
align-items: center;
a {
height: 80%;
height: 60%;
}
img {
height: 100%;
......
......@@ -54,7 +54,7 @@ export default {
<style lang="scss" scoped>
.header-news {
height: 40px;
background: #005596;
background: rgba(26, 86, 50, 1);
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #fff;
......
......@@ -31,7 +31,7 @@ export default {
background: #fff4eeff;
.slide-list-title {
font-weight: 600;
color: #005596;
color: rgba(26, 86, 50, 1);
}
}
.slide-list {
......@@ -61,7 +61,7 @@ export default {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
width: 3px;
background: #005596;
background: rgba(26, 86, 50, 1);
}
}
}
......
差异被折叠。
......@@ -6,7 +6,7 @@
<div class="subtitle">
<h2>大学排名与认证</h2>
</div>
<img src="https://webapp-pub.ezijing.com/project/cuw/top.jpg" />
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/school_3.png" />
</section>
<FormBox />
</div>
......
......@@ -149,7 +149,7 @@ export default {
}
}
.nav {
background-color: #005596;
background-color: rgba(26, 86, 50, 1);
.title {
font-size: 24px;
font-weight: 600;
......
......@@ -106,7 +106,7 @@ export default {
align-items: center;
justify-content: center;
width: 260px;
background-color: #005596;
background-color: rgba(26, 86, 50, 1);
color: #fff;
}
.main .title .icon {
......
......@@ -31,7 +31,7 @@ body {
}
/* 改变主题色变量 */
$--color-primary: #005596;
$--color-primary: rgba(26, 86, 50, 1);
/* 改变 icon 字体路径变量,必需 */
$--font-path: '~element-ui/lib/theme-chalk/fonts';
/* 引入element-ui对应scss文件,重新编译 */
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论