提交 284335dc authored 作者: 高一's avatar 高一

seg修改完成

上级 c72830ec
...@@ -13,7 +13,11 @@ ...@@ -13,7 +13,11 @@
v-if="navigation" v-if="navigation"
src="https://zws-imgs-pub.ezijing.com/static/public/2a5dca328ca63abcf1c8496180adc485.png" src="https://zws-imgs-pub.ezijing.com/static/public/2a5dca328ca63abcf1c8496180adc485.png"
></el-image> ></el-image>
<el-image class="logo-new-2" v-else :src="require('@/assets/images/logofff-2.png')" style="width:68px;heihgt:60px"></el-image> <div v-else>
<el-image class="logo-new-2" :src="require('@/assets/images/logofff-2.png')" style="width:68px;heihgt:60px;float:left;margin-left:40px;margin-top:40px"></el-image>
<el-image class="logo-new-3" :src="require('@/assets/images/logofff-3.png')" style="width:176px;heihgt:60px;float:left;margin-left:40px;margin-top:40px"></el-image>
</div>
<!-- <div class="logo-new-3"></div> -->
</div> </div>
<div class="slider-icon" v-show="tempRoute.meta && tempRoute.meta.details"> <div class="slider-icon" v-show="tempRoute.meta && tempRoute.meta.details">
<el-image <el-image
...@@ -68,6 +72,14 @@ export default { ...@@ -68,6 +72,14 @@ export default {
.logo-new-2 { .logo-new-2 {
width: 217px; width: 217px;
} }
// .logo-new-3 {
// width: 176px;
// height: 60px;
// position: relative;
// top: -60px;
// left: 170px;
// background-image: url(../../../assets/images/logofff-3.png);
// }
.logo-new-1 { .logo-new-1 {
width: 221px; width: 221px;
} }
...@@ -100,7 +112,7 @@ export default { ...@@ -100,7 +112,7 @@ export default {
.app-link { .app-link {
color: #fff; color: #fff;
&.router-link-active .tab-link { &.router-link-active .tab-link {
color: #e27f4d !important; color:#AF1818 !important;
} }
} }
......
...@@ -65,7 +65,7 @@ export default { ...@@ -65,7 +65,7 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.tab { .tab {
height: 40px; height: 40px;
background: #E27F4D; background: #AF1818;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400; font-weight: 400;
color: #fff; color: #fff;
......
...@@ -6,9 +6,9 @@ ...@@ -6,9 +6,9 @@
<h4> <h4>
<span>学校官网</span> <span>学校官网</span>
</h4> </h4>
<a href="https://www.ciis.edu" target="_blank"><span class="fo">加州整合大学官网</span></a> <a href="https://www.ciis.edu" target="_blank"><span class="fo">瑞士酒店管理大学官网</span></a>
</div> </div>
<div class="footer_cx fot"> <!-- <div class="footer_cx fot">
<h4> <h4>
<span>学校认证</span> <span>学校认证</span>
</h4> </h4>
...@@ -23,10 +23,10 @@ ...@@ -23,10 +23,10 @@
<a href="https://www.universities.com/find/california/best/counseling-psychology-degrees" target="_blank"><span class="fo">2020年CIIS临床心理咨询专业排名全美第4</span></a> <a href="https://www.universities.com/find/california/best/counseling-psychology-degrees" target="_blank"><span class="fo">2020年CIIS临床心理咨询专业排名全美第4</span></a>
<a href="https://www.greatvaluecolleges.net/by-city/online-colleges-san-francisco-ca/" target="_blank"><span class="fo">2020年旧金山最佳在线学位项目排名第3</span></a> <a href="https://www.greatvaluecolleges.net/by-city/online-colleges-san-francisco-ca/" target="_blank"><span class="fo">2020年旧金山最佳在线学位项目排名第3</span></a>
<a href="https://www.online-phd-programs.org/best-online-phd-psychology/" target="_blank"><span class="fo">2020年心理学在线博士项目全美排名第14</span></a> <a href="https://www.online-phd-programs.org/best-online-phd-psychology/" target="_blank"><span class="fo">2020年心理学在线博士项目全美排名第14</span></a>
</div> </div> -->
<div class="footer_logo"> <div class="footer_logo">
<img src="@/assets/images/logo.png" alt /> <img src="@/assets/images/logo.png" alt />
<img src="@/assets/images/logginred.png" alt /> <img src="@/assets/images/logofff-3.png" alt />
</div> </div>
</div> </div>
</div> </div>
...@@ -52,7 +52,7 @@ export default {} ...@@ -52,7 +52,7 @@ export default {}
height: 100%; height: 100%;
z-index: 6; z-index: 6;
width: 100%; width: 100%;
background: url('~@/assets/images/fotbk.png') no-repeat center center; background: url('~@/assets/images/fotbk-2.png') no-repeat center center;
} }
.homepage_footer_body { .homepage_footer_body {
width: 80%; width: 80%;
...@@ -63,6 +63,9 @@ export default {} ...@@ -63,6 +63,9 @@ export default {}
display: flex; display: flex;
z-index: 7; z-index: 7;
flex-direction: column; flex-direction: column;
position: relative;
top: -110px;
left: 100px;
h4 { h4 {
font-size: 18px; font-size: 18px;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
...@@ -75,7 +78,7 @@ export default {} ...@@ -75,7 +78,7 @@ export default {}
position: absolute; position: absolute;
bottom: -4px; bottom: -4px;
height: 3px; height: 3px;
background: #ccccccff; background: #AF1818;
width: 100%; width: 100%;
max-width: 140px; max-width: 140px;
} }
...@@ -87,7 +90,7 @@ export default {} ...@@ -87,7 +90,7 @@ export default {}
position: absolute; position: absolute;
bottom: -4px; bottom: -4px;
height: 3px; height: 3px;
background:#E27F4D; background:#AF1818;
width: 100%; width: 100%;
} }
} }
...@@ -100,6 +103,10 @@ export default {} ...@@ -100,6 +103,10 @@ export default {}
} }
a { a {
padding: 20px 0px; padding: 20px 0px;
color: #AF1818;
}
.fo {
color: #AF1818;
} }
} }
.footer_logo { .footer_logo {
...@@ -108,6 +115,9 @@ export default {} ...@@ -108,6 +115,9 @@ export default {}
align-items: baseline; align-items: baseline;
flex-direction: column; flex-direction: column;
justify-content: space-around; justify-content: space-around;
position: relative;
top: -80px;
right: 95px;
} }
} }
} }
......
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
ref="video" ref="video"
id="myAudio" id="myAudio"
style="width: 100%;height: 80%; object-fit: fill;" style="width: 100%;height: 80%; object-fit: fill;"
src="https://zws-imgs-pub.ezijing.com/static/public/54f23971c68517443056d531c6d1f982.mp4" src="https://zws-imgs-pub.ezijing.com/static/public/e914265418a0e1fc5ab1c8c170f92caa.mp4"
playsinline playsinline
></video> ></video>
<div class="video-img" v-if="isShowPlay"></div> <div class="video-img" v-if="isShowPlay"></div>
...@@ -107,17 +107,17 @@ ...@@ -107,17 +107,17 @@
> >
<div class="homepage-son"> <div class="homepage-son">
<div class="title" ref="wrapper_title"> <div class="title" ref="wrapper_title">
<span class="animate__animated animate__flipInY">加州整合大学权威认证</span> <span class="animate__animated animate__flipInY">认证机构</span>
</div> </div>
<div class="ul-wrapper"> <div class="ul-wrapper">
<div class="li-wrapper aos-init aos-animatea" ref="wrapper_li_01"> <div class="li-wrapper aos-init aos-animatea" ref="wrapper_li_01">
<div class="div-item"> <div class="div-item">
<img src="@/assets/images/tir3.png" alt /> <img src="@/assets/images/tir3-2.png" alt />
<span>中国教育部承认院校</span> <span>瑞士联邦政府学校质量评审委员会 (EduQua)</span>
</div> </div>
<div class="div-item"> <div class="div-item">
<img src="@/assets/images/tir1.png" alt /> <img src="@/assets/images/tir1-2.png" alt />
<span>美国西部院校协会大学委员会认证</span> <span>联合国世界旅游组织认证体系(tedQual)</span>
</div> </div>
</div> </div>
<!-- <div class="wrapper-center"> <!-- <div class="wrapper-center">
...@@ -125,13 +125,13 @@ ...@@ -125,13 +125,13 @@
</div> --> </div> -->
<div class="li-wrapper aos-init aos-animateb rz-new-mar" ref="wrapper_li_02"> <div class="li-wrapper aos-init aos-animateb rz-new-mar" ref="wrapper_li_02">
<div class="div-item"> <div class="div-item">
<img src="@/assets/images/tir2.png" alt /> <img src="@/assets/images/tir2-2.png" alt />
<span>2020年旧金山最佳在线学位项目 排名第3</span> <span>瑞士国家旅游局</span>
<!-- <span>连续 24 年上榜《美国新闻》全美最佳大学指南</span> --> <!-- <span>连续 24 年上榜《美国新闻》全美最佳大学指南</span> -->
</div> </div>
<div class="div-item"> <div class="div-item">
<img src="@/assets/images/tir4.png" alt /> <img src="@/assets/images/tir4-2.png" alt />
<span>2020年心理学在线博士项目 全美排名第14</span> <span>卓越旅游与酒店管理教育国际中心</span>
</div> </div>
</div> </div>
</div> </div>
...@@ -144,16 +144,17 @@ ...@@ -144,16 +144,17 @@
<div class="text wrap"> <div class="text wrap">
<div class="cobo-text"> <div class="cobo-text">
<div class="cobo-title"> <div class="cobo-title">
<span>加州整合大学</span> <span>SHMS瑞士酒店大学</span>
<span>整合理念</span> <span style="font-size: 24px;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;color: #FFFFFF;">文旅 工商管理硕士项目</span>
<span style="font-size: 24px;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;color: #FFFFFF;margin-top:20px">办学理念</span>
</div> </div>
<el-button @click="applyConsult">申请咨询</el-button> <el-button @click="applyConsult">申请咨询</el-button>
</div> </div>
<div class="cobo-text"> <div class="cobo-text" style="position:relative;left:200px">
<h4 class="">——东西方文化的整合</h4> <h4 class="">——源于瑞士</h4>
<h4 class="">——心理学与其他学科之间的整合</h4> <h4 class="">——立足中国</h4>
<h4 class="">——个体身体、头脑、心灵、精神面向的整合</h4> <h4 class="">——放眼全球</h4>
<h4 class="">——心理科学内部理论和临床,以及多种治疗流派的整合</h4> <!-- <h4 class="">——心理科学内部理论和临床,以及多种治疗流派的整合</h4> -->
<!-- <h4 class="no_mar">的学习环境,为学生打造梦想的摇篮,塑造谦卑且具使命感</h4> <!-- <h4 class="no_mar">的学习环境,为学生打造梦想的摇篮,塑造谦卑且具使命感</h4>
<h4>的领导典范,培养具有卓越学术能力的专业人才。</h4> <h4>的领导典范,培养具有卓越学术能力的专业人才。</h4>
<div class="cobo-size"> <div class="cobo-size">
...@@ -441,7 +442,7 @@ export default { ...@@ -441,7 +442,7 @@ export default {
bottom: 0; bottom: 0;
width: 100%; width: 100%;
z-index: 3; z-index: 3;
background: url('~@/assets/images/home.png') no-repeat; background: url('~@/assets/images/play-2.png') no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
cursor: pointer; cursor: pointer;
} }
...@@ -761,7 +762,7 @@ export default { ...@@ -761,7 +762,7 @@ export default {
background: #202020; background: #202020;
z-index: 5; z-index: 5;
.join_bg { .join_bg {
background: url('~@/assets/images/cfbk.png'); background: url('~@/assets/images/cfbk-2.png');
z-index: 1; z-index: 1;
background-size: cover; background-size: cover;
background-repeat: no-repeat; background-repeat: no-repeat;
......
...@@ -3,86 +3,58 @@ ...@@ -3,86 +3,58 @@
{ {
"class": "li wow bounceInLeft animated vi delay1 duration2", "class": "li wow bounceInLeft animated vi delay1 duration2",
"class2": "li2 wow bounceInLeft animated vi delay1 duration2 animated", "class2": "li2 wow bounceInLeft animated vi delay1 duration2 animated",
"span": "Integral Knowing and Critical Discourse", "span": "Customer Experience Design for Service Excellence",
"span1": "整合心理学与批判性思考", "span1": "卓越服务客户体验设计",
"li1stateLeft": false, "li1stateLeft": false,
"li1stateRight": false, "li1stateRight": false,
"name": "li1stateLeft", "name": "li1stateLeft",
"ref": "li01", "ref": "li01",
"top1": "57px", "top1": "130px",
"right1": "277px", "right1": "343px",
"top2": "40px", "top2": "120px",
"right2": "340px" "right2": "390px"
}, },
{ {
"class": "li wow bounceInLeft animated vi delay3 duration2", "class": "li wow bounceInLeft animated vi delay3 duration2",
"class2": "li2 wow bounceInLeft animated vi delay3 duration2 animated", "class2": "li2 wow bounceInLeft animated vi delay3 duration2 animated",
"span": "The Self as Inquiry", "span": "Quality Operations Management",
"span1": "自我探究", "span1": "高品质运营管理",
"li1stateLeft": false, "li1stateLeft": false,
"li1stateRight": false, "li1stateRight": false,
"name": "li1stateRight", "name": "li1stateRight",
"ref": "li02", "ref": "li02",
"top1": "152px", "top1": "290px",
"right1": "362px", "right1": "427px",
"top2": "145px", "top2": "280px",
"right2": "230px" "right2": "230px"
}, },
{ {
"class": "li wow bounceInLeft animated vi delay5 duration2", "class": "li wow bounceInLeft animated vi delay5 duration2",
"class2": "li2 wow bounceInLeft animated vi delay5 duration2 animated", "class2": "li2 wow bounceInLeft animated vi delay5 duration2 animated",
"span": "Couples as Inquiry", "span": "Strategic Human Resource Management",
"span1": "伴侣探究", "span1": "战略人力资源管理",
"li1stateLeft": false, "li1stateLeft": false,
"li1stateRight": false, "li1stateRight": false,
"name": "li1stateLeft", "name": "li1stateLeft",
"ref": "li03", "ref": "li03",
"top1": "249px", "top1": "450px",
"right1": "414px", "right1": "474px",
"top2": "233px", "top2": "450px",
"right2": "471px" "right2": "520px"
}, },
{ {
"class": "li wow bounceInLeft animated vi delay7 duration2", "class": "li wow bounceInLeft animated vi delay7 duration2",
"class2": "li2 wow bounceInLeft animated vi delay7 duration2 animated", "class2": "li2 wow bounceInLeft animated vi delay7 duration2 animated",
"span": "Families as Inquiry", "span": "Organizational Behavior & Leadership Strategies",
"span1": "家庭探究", "span1": "组织行为与领导力",
"name": "li1stateRight", "name": "li1stateRight",
"li1stateLeft": false, "li1stateLeft": false,
"li1stateRight": false, "li1stateRight": false,
"ref": "li04", "ref": "li04",
"top1": "366px", "top1": "600px",
"right1": "448px", "right1": "554px",
"top2": "355px", "top2": "590px",
"right2": "320px" "right2": "250px"
},
{
"class": "li wow bounceInLeft animated vi delay9 duration2",
"class2": "li2 wow bounceInLeft animated vi delay9 duration2 animated",
"span": "Trauma",
"span1": "创伤",
"li1stateLeft": false,
"li1stateRight": false,
"name": "li1stateLeft",
"ref": "li05",
"top1": "481px",
"right1": "486px",
"top2": "467px",
"right2": "546px"
},
{
"class": "li wow bounceInLeft animated delay11 vi duration2",
"class2": "li2 wow bounceInLeft animated vi delay11 duration2 animated",
"span": "Sexuality",
"span1": "性的探究",
"li1stateLeft": false,
"name": "li1stateRight",
"li1stateRight": false,
"ref": "li06",
"top1": "606px",
"right1": "562px",
"top2": "595px",
"right2": "440px"
} }
], ],
"2": [ "2": [
...@@ -112,7 +84,7 @@ ...@@ -112,7 +84,7 @@
"top1": "152px", "top1": "152px",
"right1": "362px", "right1": "362px",
"top2": "145px", "top2": "145px",
"right2": "230px" "right2": "80px"
}, },
{ {
"class": "li wow bounceInLeft animated vi delay5 duration2", "class": "li wow bounceInLeft animated vi delay5 duration2",
...@@ -126,7 +98,7 @@ ...@@ -126,7 +98,7 @@
"top1": "249px", "top1": "249px",
"right1": "414px", "right1": "414px",
"top2": "233px", "top2": "233px",
"right2": "471px" "right2": "450px"
}, },
{ {
"class": "li wow bounceInLeft animated vi delay7 duration2", "class": "li wow bounceInLeft animated vi delay7 duration2",
...@@ -140,7 +112,7 @@ ...@@ -140,7 +112,7 @@
"top1": "366px", "top1": "366px",
"right1": "448px", "right1": "448px",
"top2": "355px", "top2": "355px",
"right2": "320px" "right2": "120px"
}, },
{ {
"class": "li wow bounceInLeft animated vi delay9 duration2", "class": "li wow bounceInLeft animated vi delay9 duration2",
...@@ -154,7 +126,7 @@ ...@@ -154,7 +126,7 @@
"top1": "481px", "top1": "481px",
"right1": "486px", "right1": "486px",
"top2": "467px", "top2": "467px",
"right2": "546px" "right2": "526px"
}, },
{ {
"class": "li wow bounceInLeft animated delay11 vi duration2", "class": "li wow bounceInLeft animated delay11 vi duration2",
...@@ -168,7 +140,7 @@ ...@@ -168,7 +140,7 @@
"top1": "606px", "top1": "606px",
"right1": "562px", "right1": "562px",
"top2": "595px", "top2": "595px",
"right2": "440px" "right2": "300px"
} }
] ]
} }
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
> >
<div class="major-banner-main"> <div class="major-banner-main">
<div class="new-pop" v-if="index == 2 && hoverIndex == 2"> <div class="new-pop" v-if="index == 2 && hoverIndex == 2">
<div class="txt">{{item.title}}</div> <div class="txt" style="color:#AF1818">{{item.title}}</div>
</div> </div>
<span v-else>{{item.title}}</span> <span v-else>{{item.title}}</span>
<span class="pad">{{item.label}}</span> <span class="pad">{{item.label}}</span>
...@@ -20,9 +20,9 @@ ...@@ -20,9 +20,9 @@
<div class="major-banner-bg" v-if="item.bgShow"></div> <div class="major-banner-bg" v-if="item.bgShow"></div>
</div> </div>
<div class="major-banner-title"> <div class="major-banner-title">
<span>加州整合大学</span> <span>文旅 工商管理硕士 HMBA</span>
<span class="font-size-40"> <span class="font-size-40">
应用心理学硕士 SHMS瑞士酒店管理大学
<!-- <small>-</small>蒙台梭利教育硕士 --> <!-- <small>-</small>蒙台梭利教育硕士 -->
</span> </span>
</div> </div>
...@@ -38,28 +38,32 @@ ...@@ -38,28 +38,32 @@
> >
<div class="major-dl1-title"> <div class="major-dl1-title">
<span class="new-font">排名<i>第1</i></span> <span class="new-font">排名<i>第1</i></span>
<span class="dl1_span">2020年加州最佳心理咨询学院</span> <span class="dl1_span">瑞士最大的款待业(泛服务业)</span>
<br/>
<span class="dl1_span_2">管理大学联盟</span>
</div> </div>
<img :src="require('@/assets/images/major-set/dl1.png')" alt /> <img :src="require('@/assets/images/major-set/dl1-2.png')" style="width:614px;height:443px;margin-left:40px" alt />
</div> </div>
<div class="major-dl1 major-dl2" ref="dl2" :class="{'show-flex': houseShowbt}"> <div class="major-dl1 major-dl2" ref="dl2" :class="{'show-flex': houseShowbt}">
<div <div
class="major-dl2-image dl2" class="major-dl2-image dl2"
:class="{'animate__animated animate__fadeInUp delay3':houseShowbt}" :class="{'animate__animated animate__fadeInUp delay3':houseShowbt}"
> >
<img :src="require('@/assets/images/major-set/dl2.png')" alt /> <img :src="require('@/assets/images/major-set/dl2-2.png')" style="width:424px;height:265px" alt />
<span class="new-font">全美<i>第4</i></span> <span class="new-font" style="margin-left:85px">排名<i>第2</i></span>
<span class="font-size-24">2020年临床心理咨询专业排名</span> <span class="font-size-24" style="margin-left:85px">2020年QS排名榜中全球酒店管理</span>
<br>
<span class="font-size-24" style="position:relative;top:-50px;left:0px;margin-left:85px">学校学术排名第二</span>
</div> </div>
<div <div
class="major-dl2-image dl3 padd-left-40 ts-ma" class="major-dl2-image dl3 padd-left-40 ts-ma"
:class="{'animate__animated animate__fadeInTopRight animate__delay-1.5s show-flex':houseShowbt}" :class="{'animate__animated animate__fadeInTopRight animate__delay-1.5s show-flex':houseShowbt}"
> >
<img :src="require('@/assets/images/major-set/dl3.png')" alt /> <img :src="require('@/assets/images/major-set/dl3-2.png')" style="width:327px;height:202px" alt />
<div class="dl2-span"> <div class="dl2-span" style="margin-left:0px">
<span class="new-font">加州<i>第1</i></span> <span class="new-font"><i>21000+</i></span>
<span class="font-size-24">2020年临床心理</span> <span class="font-size-24">校友遍布全球担任高管</span>
<span class="font-size-24">咨询专业排名</span> <span class="font-size-24"></span>
</div> </div>
</div> </div>
</div> </div>
...@@ -123,7 +127,7 @@ ...@@ -123,7 +127,7 @@
</div> </div>
<div class="major-kc-right"> <div class="major-kc-right">
<div class="major-kc-svg"> <div class="major-kc-svg">
<img :src="require('@/assets/images/major-set/xl1.png')" alt /> <img :src="require('@/assets/images/major-set/xl1-2.png')" alt />
</div> </div>
<ul class="ul-1"> <ul class="ul-1">
<li <li
...@@ -161,7 +165,7 @@ ...@@ -161,7 +165,7 @@
@mouseenter="outsyStyle(item, index)" @mouseenter="outsyStyle(item, index)"
> >
<div class="sy-banner-bg sy-banner-header"> <div class="sy-banner-bg sy-banner-header">
<img :src="require('@/assets/images/major-set/blxbjh.png')" /> <img :src="require('@/assets/images/major-set/blxbjh-2.png')" />
<span class="sy-banner-bg-layout">{{item.name}}</span> <span class="sy-banner-bg-layout">{{item.name}}</span>
</div> </div>
<div class="sy-banner-bg sy-banner-main"> <div class="sy-banner-bg sy-banner-main">
...@@ -179,7 +183,7 @@ ...@@ -179,7 +183,7 @@
</div> </div>
</div> </div>
<div class="sy-footer"> <div class="sy-footer">
<img :src="require('@/assets/images/major-set/su.png')" /> <img :src="require('@/assets/images/major-set/su2.png')" />
</div> </div>
</div> </div>
</vue-lazy-component> </vue-lazy-component>
...@@ -198,9 +202,9 @@ ...@@ -198,9 +202,9 @@
</div> </div>
<div class="list-body"> <div class="list-body">
<span class="font-size-18 nowrap title">{{item.title}}</span> <span class="font-size-18 nowrap title">{{item.title}}</span>
<span class="font-size-14 wm-red zs">{{item.label}}</span> <!-- <span class="font-size-14 wm-red zs">{{item.label}}</span> -->
<template v-for="(sItem, sIndex) in item.main"> <template v-for="(sItem, sIndex) in item.main">
<span :key="sIndex+'-'+index" class="font-size-14 mian-txt">{{sItem}}</span> <span :key="sIndex+'-'+index" class="font-size-14 ">{{sItem}}</span>
</template> </template>
</div> </div>
</div> </div>
...@@ -223,7 +227,7 @@ ...@@ -223,7 +227,7 @@
</div> </div>
</div> </div>
</vue-lazy-component> </vue-lazy-component>
<vue-lazy-component> <!-- <vue-lazy-component>
<div class="layout_com_page_banner major-kc-wm bg2" :style="{'min-height':700 + 'px'}"> <div class="layout_com_page_banner major-kc-wm bg2" :style="{'min-height':700 + 'px'}">
<h3> <h3>
<span>师资介绍</span> <span>师资介绍</span>
...@@ -247,7 +251,7 @@ ...@@ -247,7 +251,7 @@
</swiper-slide> </swiper-slide>
</template> </template>
<div class="swiper-pagination" slot="pagination"></div> <div class="swiper-pagination" slot="pagination"></div>
</swiper> </swiper> -->
<!-- <div class="major-kc-wm-list" v-for="(item, index) in wmList" :key="index"> <!-- <div class="major-kc-wm-list" v-for="(item, index) in wmList" :key="index">
<div class="list-img"> <div class="list-img">
<img :src="item.img" /> <img :src="item.img" />
...@@ -260,9 +264,9 @@ ...@@ -260,9 +264,9 @@
</template> </template>
</div> </div>
</div> --> </div> -->
</div> <!-- </div>
</div> </div>
</vue-lazy-component> </vue-lazy-component> -->
<!-- <vue-lazy-component> <!-- <vue-lazy-component>
<swiper ref="mySwiper" :options="swiperOptions"> <swiper ref="mySwiper" :options="swiperOptions">
<swiper-slide>Slide 1</swiper-slide> <swiper-slide>Slide 1</swiper-slide>
...@@ -411,124 +415,124 @@ export default { ...@@ -411,124 +415,124 @@ export default {
], ],
wmList: [ wmList: [
{ {
img: require('@/assets/images/wm/wm_01.png'), img: require('@/assets/images/wm/wm2_01.png'),
title: 'Nicolle Zapien', title: 'Stephan Earnhart',
label: '博士', // label: '博士',
main: [
'CIIS人类性学博士专业 教授',
'国际教练学会ICF 认证教练',
'哈佛大学教育学院硕士、塞布鲁克大学临床心理学博士',
'临床心理学研究、教学以及治疗领域拥有十余年丰富经验'
]
},
{
img: require('@/assets/images/wm/wm_02.png'),
title: 'Luna Yue Ren',
label: '博士候选人',
main: [ main: [
'CIIS中国项目办公室负责人', 'SEG Pro 董事总经理,超过20年酒店管理经验,曾任职于丽思·卡尔顿、四季酒店、迪斯尼世界、文华东方、半岛酒店等担任高管。曾任瑞士酒店管理大学校长10年'
'中国社会心理学会下属整合心理学专业委员会委员', // '国际教练学会ICF 认证教练',
'加州整合大学东西方心理学专业博士候选人', // '哈佛大学教育学院硕士、塞布鲁克大学临床心理学博士',
'拥有十年以上政府及跨国公司人力资源测评及咨询经验' // '临床心理学研究、教学以及治疗领域拥有十余年丰富经验'
] ]
}, },
{ {
img: require('@/assets/images/wm/wm_03.png'), img: require('@/assets/images/wm/wm2_02.png'),
title: 'Glenn Hartelius', title: 'Sonia Santana',
label: '博士', // label: '博士候选人',
main: [ main: [
'CIIS整合与后人本主义心理学博士项目创始人、系主任', 'SEG Pro 联席董事总经理,在物业投资、资产管理、业务拓展方面拥有超过20年的经验。曾任浩华国际、凯悦、美高梅、万豪、丽笙酒店的投资董事总经理和酒店开发总监'
'《国际整合与后人本主义心理学专业手册》编纂人', // '中国社会心理学会下属整合心理学专业委员会委员',
'《国际整合与后人本主义心理学》专业学术期刊主编', // '加州整合大学东西方心理学专业博士候选人',
'2019年复旦大学中国首届整合心理学大会开幕致辞嘉宾' // '拥有十年以上政府及跨国公司人力资源测评及咨询经验'
] ]
}, },
{ {
img: require('@/assets/images/wm/wm_04.png'), img: require('@/assets/images/wm/wm2_03.png'),
title: 'Rachael Vaughan', title: 'Andrea Leuenberger',
label: '执业心理咨询师', // label: '博士',
main: [ main: [
'CIIS整合心理咨询专业 核心教授', '项目主管,擅长于教学领域的学习设计。曾在纽约奢华酒店Swissôtel The Drake和莫斯科、中亚地区等多家奢华酒店担任运营总监和高管'
'加州认证执业MFT临床心理咨询师', // '《国际整合与后人本主义心理学专业手册》编纂人',
'英国爱丁堡大学语言学硕士、加州太平洋研究所精神分析学硕士', // '《国际整合与后人本主义心理学》专业学术期刊主编',
'出生于香港,成长于英国,求学于法国美国,擅长多文化视角的整合教学,身为荣格学派治疗师,兼具女性主义和后现代理论视角' // '2019年复旦大学中国首届整合心理学大会开幕致辞嘉宾'
] ]
}, },
{ {
img: require('@/assets/images/wm/wm_05.png'), img: require('@/assets/images/wm/wm2_04.png'),
title: 'Michelle Marzullo', title: 'Max Behesht',
label: '博士', // label: '执业心理咨询师',
main: [ main: [
'CIIS人类性学博士专业系主任', '瑞士恺撒里兹酒店管理大学校长,领导力专家,擅长于战略人才发展与组织行为学领域。曾在杜邦集团担任国际金融、服务及商业部门的多个职位'
'美国国家性心理与性教育协会常任委员', // '加州认证执业MFT临床心理咨询师',
'人类学研究博士', // '英国爱丁堡大学语言学硕士、加州太平洋研究所精神分析学硕士',
'曾多年担任安永国际特约顾问,为多家财富前100的机构和企业提供管理咨询服务' // '出生于香港,成长于英国,求学于法国美国,擅长多文化视角的整合教学,身为荣格学派治疗师,兼具女性主义和后现代理论视角'
] ]
}, },
{ {
img: require('@/assets/images/wm/wm_06.png'), img: require('@/assets/images/wm/wm2_05.png'),
title: 'Daniela Loenig', title: 'Robert Saltz',
label: '执业心理咨询师', // label: '博士',
main: [ main: [
'CIIS临床心理咨询专业 核心教授', '瑞士酒店管理大学学生事务主管,人力资源发展专家。曾担任韦尔比耶与巴黎的W酒店人力资源筹开团队成员,喜达屋酒店集团认证高级培训师。'
'加州认证执业MFT临床心理咨询师', // '美国国家性心理与性教育协会常任委员',
'美国性教育与心理健康委员会认证成员', // '人类学研究博士',
'出生成长于欧洲,求学执业于美国,现与家人长驻瑞士,在自身经验实证中发展了对临床理论与治疗的体悟' // '曾多年担任安永国际特约顾问,为多家财富前100的机构和企业提供管理咨询服务'
] ]
}, },
{ {
img: require('@/assets/images/wm/wm_07.png'), img: require('@/assets/images/wm/wm2_06.png'),
title: 'Meg Jordan', title: 'David Richey',
label: '博士', // label: '执业心理咨询师',
main: [ main: [
'CIIS整合健康研究专业 系主任', 'Richey International创始人和CEO,在高端消费者行为研究领域具有丰富经验,超过30年酒店管理和顾问经验。长期客户包括四季酒店、迪士尼、维京邮轮、半岛酒店、历峰集团、香格里拉酒店集团等'
'临床医学人类学专家', // '加州认证执业MFT临床心理咨询师',
'全美医药及健康教练联盟主席', // '美国性教育与心理健康委员会认证成员',
'哈佛大学医学院阿尔海默研究中心高级顾问', // '出生成长于欧洲,求学执业于美国,现与家人长驻瑞士,在自身经验实证中发展了对临床理论与治疗的体悟'
'作家,出版多本整合健康教练领域书籍'
] ]
}, },
{ {
img: require('@/assets/images/wm/wm_08.png'), img: require('@/assets/images/wm/wm2_07.png'),
title: 'Courtenay Crouch', title: 'Siobhan O’Leary',
label: '博士', // label: '博士',
main: [ main: [
'CIIS整合心理博士专业 讲师', '人力资源与企业文化导师、战略规划师。曾在瑰丽酒店和四季酒店担任人力与文化高级副总裁。曾担任首席人力官、高级人力资源主管等职务。擅长组织文化及领导力领域'
'杜克大学硕士、CIIS整合与后人本主义心理学博士', // '临床医学人类学专家',
'美国国家心理学会 APA 国际心理学分会主管', // '全美医药及健康教练联盟主席',
'《整合心理学》《人本心理学与现象学》等国际学术期刊评委' // '哈佛大学医学院阿尔海默研究中心高级顾问',
// '作家,出版多本整合健康教练领域书籍'
] ]
}, },
{ {
img: require('@/assets/images/wm/wm_09.png'), img: require('@/assets/images/wm/wm2_08.png'),
title: 'Clark Hsu, MFT', title: 'Erich Steinbock',
label: '博士候选人', // label: '博士',
main: [ main: [
'CIIS表达艺术临床心理咨询专业 副教授', '曾担任利亚德瑰丽酒店区域副总裁兼董事总经理,丽思·卡尔顿酒店集团餐饮副总裁。Steinbock先生拥有酒店管理博士学位'
'加州认证执业MFT 临床心理咨询师', // '杜克大学硕士、CIIS整合与后人本主义心理学博士',
'国际表达艺术治疗协会认证治疗师', // '美国国家心理学会 APA 国际心理学分会主管',
'CIIS东西方心理学博士候选人' // '《整合心理学》《人本心理学与现象学》等国际学术期刊评委'
] ]
} }
// {
// img: require('@/assets/images/wm/wm_09.png'),
// title: 'Clark Hsu, MFT',
// label: '博士候选人',
// main: [
// 'CIIS表达艺术临床心理咨询专业 副教授',
// '加州认证执业MFT 临床心理咨询师',
// '国际表达艺术治疗协会认证治疗师',
// 'CIIS东西方心理学博士候选人'
// ]
// }
], ],
bannerList: [ bannerList: [
{ {
img: require('@/assets/images/major-set/ma01.png'), img: require('@/assets/images/major-set/ma01-2.png'),
bgShow: true bgShow: true
}, },
{ {
img: require('@/assets/images/major-set/ma02.png'), img: require('@/assets/images/major-set/ma02-2.png'),
bgShow: true bgShow: true
}, },
{ {
img: require('@/assets/images/major-set/ma03.png'), img: require('@/assets/images/major-set/ma03-2.png'),
bgShow: true, bgShow: true,
title: '应用心理学是心理学中迅速发展的一个重要学科分支。应用心理学研究心理学基本原理在各种实际领域的应用,包括工业、工程、组织管理、市场消费、社会生活、医疗保健、体育运动以及军事、司法、环境等各个领域,通过运用心理学的原则及理论来解决领域内的实际问题。随着经济、科技、社会和文化迅速发展,应用心理学有着日益广阔的前景。' title: '瑞士酒店管理大学牵头,依托国内顶尖线上教育平台——清华紫荆教育,为文旅/酒店行业量身定制的 在线+线下 MBA项目,以助力文旅行业培养管理人才。'
// label: // label:
// ' 一百多年来,蒙台梭利教育法经由美国上流社会的推崇,进而风靡全球,得到世界各地教育界的认同和推崇。全球蒙氏幼儿园28000所,而康博斯威尔大学是为数不多的拥有蒙台梭利专业学位教育的高等学府。' // ' 一百多年来,蒙台梭利教育法经由美国上流社会的推崇,进而风靡全球,得到世界各地教育界的认同和推崇。全球蒙氏幼儿园28000所,而康博斯威尔大学是为数不多的拥有蒙台梭利专业学位教育的高等学府。'
}, },
{ {
img: require('@/assets/images/major-set/ma04.png'), img: require('@/assets/images/major-set/ma04-2.png'),
bgShow: true, bgShow: true,
minWidth: true minWidth: true
} }
...@@ -536,37 +540,37 @@ export default { ...@@ -536,37 +540,37 @@ export default {
timeList: [ timeList: [
{ {
name: '授课形式', name: '授课形式',
title: '中文授课', // title: '中文授课',
title1: '简洁易操作的', // title1: '简洁易操作的',
title2: '多媒体交互平台', // title2: '多媒体交互平台',
title3: '线下实践+工作坊', // title3: '线下实践+工作坊',
title4: '赴美研学', // title4: '赴美研学',
img: require('@/assets/images/major-set/bxl1.png'), img: require('@/assets/images/major-set/bxl1-2.png'),
bgShow: true bgShow: true
}, },
{ {
name: '上课时间', name: '上课时间',
title: '按照教学周发布课程', // title: '按照教学周发布课程',
title1: '可灵活掌握学习时间', // title1: '可灵活掌握学习时间',
title2: '可反复观看和查阅', // title2: '可反复观看和查阅',
img: require('@/assets/images/major-set/bxl2.png'), img: require('@/assets/images/major-set/bxl2-2.png'),
bgShow: true bgShow: true
}, },
{ {
name: '学位授予', name: '学位授予',
title: '保证出勤', // title: '保证出勤',
title1: '撰写论文并合格', // title1: '撰写论文并合格',
title2: '修满全部学分', // title2: '修满全部学分',
title3: '授予硕士学位', // title3: '授予硕士学位',
img: require('@/assets/images/major-set/bxl3.png'), img: require('@/assets/images/major-set/bxl3-2.png'),
bgShow: true bgShow: true
}, },
{ {
name: '毕业典礼', name: '毕业典礼',
title: '在国内或赴美', // title: '在国内或赴美',
title1: '参加毕业典礼', // title1: '参加毕业典礼',
title2: '与各国学子欢聚一堂', // title2: '与各国学子欢聚一堂',
img: require('@/assets/images/major-set/bxl4.png'), img: require('@/assets/images/major-set/bxl4-2.png'),
bgShow: true bgShow: true
} }
], ],
...@@ -743,6 +747,14 @@ export default { ...@@ -743,6 +747,14 @@ export default {
font-weight: 400; font-weight: 400;
color: rgba(34, 34, 34, 1); color: rgba(34, 34, 34, 1);
} }
.dl1_span_2 {
position: relative;
right: 0px;
top: -55px;
font-size: 24px;
font-weight: 400;
color: rgba(34, 34, 34, 1);
}
} }
.major-dl2-image { .major-dl2-image {
display: flex; display: flex;
...@@ -793,6 +805,7 @@ export default { ...@@ -793,6 +805,7 @@ export default {
} }
.padd-left-40 { .padd-left-40 {
top: 240px; top: 240px;
left: 520px;
} }
} }
} }
...@@ -1090,7 +1103,7 @@ export default { ...@@ -1090,7 +1103,7 @@ export default {
padding-bottom: 40px; padding-bottom: 40px;
} }
.major-kc-wm { .major-kc-wm {
background: url('~@/assets/images/wm/wmbg.png') no-repeat center top; background: url('~@/assets/images/wm/wmbg-2.png') no-repeat center top;
background-size: cover; background-size: cover;
position: relative; position: relative;
align-items: center; align-items: center;
......
...@@ -43,12 +43,12 @@ ...@@ -43,12 +43,12 @@
</template> </template>
<script> <script>
import QrcodeVue from 'qrcode.vue' // import QrcodeVue from 'qrcode.vue'
import * as api from '@/api/my' import * as api from '@/api/my'
export default { export default {
name: 'AppPay', name: 'AppPay',
components: { QrcodeVue }, // components: { QrcodeVue },
data() { data() {
return { return {
isPass: false, isPass: false,
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论