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

merge...

<template>
<div class="app-apply-form">
<h2 class="title">报名咨询</h2>
<h2 class="title">{{ $t('aside.apply') }}</h2>
<div class="form">
<div class="form-item">
<input type="text" class="form-input" placeholder="请输入您的姓名" v-model="ruleForm.name" />
<input type="text" class="form-input" :placeholder="$t('aside.name')" v-model="ruleForm.name" />
</div>
<div class="form-item">
<input type="number" class="form-input" placeholder="请输入您的电话" maxlength="11" v-model="ruleForm.phone" />
<input type="number" class="form-input" :placeholder="$t('aside.phone')" maxlength="11" v-model="ruleForm.phone" />
</div>
<div class="form-item">
<select class="form-select" placeholder="请选择项目" v-model="ruleForm.project_id">
<option value="" disabled selected>请选择项目</option>
<!-- <option value="" disabled selected>请选择项目</option> -->
<option v-for="(item, index) in projectList" :value="item.value" :key="index">{{ item.label }}</option>
</select>
</div>
<div class="form-item">
<input type="text" class="form-input" placeholder="请输入短信验证码" maxlength="4" v-model="phoneCode" />
<input type="text" class="form-input" :placeholder="$t('aside.code')" maxlength="4" v-model="phoneCode" />
<input
type="button"
class="form-button"
......@@ -25,7 +25,7 @@
/>
</div>
<div class="form-item">
<input type="button" value="立即预约" class="form-button" @click="onSbumit" />
<input type="button" :value="$t('aside.formBtn')" class="form-button" @click="onSbumit" />
</div>
</div>
</div>
......@@ -38,13 +38,13 @@ export default {
return {
ruleForm: { name: '', phone: '', project_id: '1000', channel: 19960 },
projectList: [
{ label: '综合管理方向工商管理硕士', value: '1012' },
{ label: '金融工商管理硕士', value: '1000' },
{ label: '酒店及旅游业工商管理硕士', value: '1008' },
{ label: '金融硕士', value: '1001' },
{ label: '应用心理学硕士', value: '1006' },
{ label: '教育学硕士', value: '1005' },
{ label: '中国未来金融领袖计划', value: '1007' }
{ label: this.$t('aside.project1'), value: '1012' },
{ label: this.$t('aside.project2'), value: '1000' },
{ label: this.$t('aside.project3'), value: '1008' },
{ label: this.$t('aside.project4'), value: '1001' },
{ label: this.$t('aside.project5'), value: '1006' },
{ label: this.$t('aside.project6'), value: '1005' },
{ label: this.$t('aside.project7'), value: '1007' }
],
phoneCode: '',
codeButtonDisabled: false,
......@@ -54,7 +54,7 @@ export default {
},
computed: {
buttonText() {
return this.codeButtonDisabled ? `${this.disabledTime}秒后重发` : '获取验证码'
return this.codeButtonDisabled ? `${this.disabledTime}s` : this.$t('aside.codeBtn')
}
},
methods: {
......
......@@ -2,15 +2,15 @@
<footer class="main-footer">
<div class="top">
<div class="about">
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;址:北京市海淀区中关村东路1号院清华科技园7号楼5层</p>
<p>联系电话:010-62793299</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱:service@ezijing.com</p>
<p v-html="$t('foot.address')"></p>
<p v-html="$t('foot.contact')"></p>
<p v-html="$t('foot.email')"></p>
</div>
<dl>
<dt>关联企业:</dt>
<dt>{{ $t('foot.relationT1') }}</dt>
<dd>
<p>清控紫荆(广东)教育科技有限公司</p>
<p>清控紫荆(北京)人力资源服务有限公司</p>
<p>{{ $t('foot.relationT2') }}</p>
<p>{{ $t('foot.relationT3') }}</p>
</dd>
</dl>
<div class="link">
......@@ -38,8 +38,8 @@ export default {
data() {
return {
link: [
{ title: '教育涉外监管信息网', href: 'http://www.pbc.gov.cn/' },
{ title: '清华大学五道口金融学院', href: 'http://www.pbc.gov.cn/' }
{ title: this.$t('foot.link1'), href: 'http://www.pbc.gov.cn/' },
{ title: this.$t('foot.link2'), href: 'http://www.pbc.gov.cn/' }
],
link2: [
{ title: '中国人民银行', href: 'http://www.pbc.gov.cn/' },
......
......@@ -2,7 +2,7 @@
<div>
<header class="main-header">
<template v-if="!searchVisible">
<nuxt-link to="/" class="logo"></nuxt-link>
<nuxt-link to="/" :class="$cookies.get('lang') == 'en-US' ? 'logo-en' : 'logo'"></nuxt-link>
<div class="search" @click="toggleSearch"></div>
<div class="menu" :class="menuClasses" @click="toggleMenu"></div>
</template>
......@@ -16,6 +16,12 @@
</header>
<app-search v-if="searchVisible"></app-search>
<app-menu v-show="menuVisible" @showApplyForm="showApplyForm"></app-menu>
<div v-show="menuVisible" class="tool-box" @click="switchLocale">
<div class="item">
<div class="icon"></div>
<div class="text">中文/EN</div>
</div>
</div>
<right-aside ref="rightAside"></right-aside>
</div>
</template>
......@@ -49,6 +55,11 @@ export default {
}
},
methods: {
switchLocale() {
const lang = this.$cookies.get('lang') === 'zh-CN' ? 'en-US' : 'zh-CN'
this.$store.dispatch('switchLocale', lang)
location.reload()
},
toggleSearch() {
this.$store.commit('toggleMenu', false)
this.$store.commit('toggleSearch', !this.searchVisible)
......@@ -85,6 +96,12 @@ export default {
height: 0.26rem;
background-size: contain;
}
.logo-en {
flex: 1;
background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/en-logo.png) no-repeat;
height: 0.26rem;
background-size: contain;
}
.search {
width: 0.18rem;
height: 0.18rem;
......@@ -143,4 +160,26 @@ export default {
}
}
}
.tool-box{
padding: .85rem 0;
display: flex;
justify-content: center;
background: #fff;
.item{
.icon{
width: .5rem;
height: .5rem;
background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/change-lang.png);
background-size: 100% 100%;
margin: 0 auto;
}
.text{
font-size: .14rem;
line-height: 100%;
color: #999999;
margin-top: .1rem;
text-align: center;
}
}
}
</style>
......@@ -14,78 +14,81 @@ export default {
return {
list: [
{
name: '关于紫荆',
name: this.$t('menu.about'),
children: [
{ name: '紫荆简介', path: '/about/introduce' },
{ name: '文化理念', path: '/about/culture' },
{ name: '新闻中心', path: '/about/news' },
{ name: '联系我们', path: '/about/contact' }
{ name: this.$t('menu.aboutChild.about'), path: '/about/introduce' },
{ name: this.$t('menu.aboutChild.culture'), path: '/about/culture' },
{ name: this.$t('menu.aboutChild.news'), path: '/about/news' },
{ name: this.$t('menu.aboutChild.contact'), path: '/about/contact' }
]
},
{
name: '学位教育',
name: this.$t('menu.services'),
children: [
{ name: '本科', children: [{ name: '海外留学SHMS(即将推出)', onClick: this.showTips }] },
{
name: '硕士',
name: this.$t('menu.servicesChild.x'),
children: [
{ name: '金融硕士MSF', href: 'https://kelley.ezijing.com' },
{ name: '教育学硕士MED(儿童心理与教育)', href: 'https://cu.ezijing.com' },
{ name: '应用心理学MAP', href: 'https://ciis.ezijing.com' },
{ name: '未来金融领袖计划', href: 'https://cfflp.ezijing.com' }
]
},
{
name: 'MBA',
children: [
{ name: '综合管理方向MBA', href: 'https://marywood.ezijing.com' },
{ name: '金融方向MBA', href: 'https://sofia.ezijing.com' },
{ name: '酒店和旅游方向MBA', href: 'https://shms.ezijing.com' }
{ name: this.$t('menu.servicesChild.xChild.products'), href: 'https://x.ezijing.com' }
// { name: '数字金融客户服务证书', onClick: this.showTips },
// { name: '酒店及旅游业的数字化营销证书', onClick: this.showTips },
// { name: '青少年儿童心理以及行为指导证书', onClick: this.showTips }
]
},
{ name: this.$t('menu.servicesChild.program'), path: '/services/major' },
{ name: this.$t('menu.servicesChild.college'), path: '/services/college' },
{ name: this.$t('menu.servicesChild.career'), path: '/services/job' },
{ name: this.$t('menu.servicesChild.highLevel'), path: '/services/employment' },
{
name: '博士',
name: this.$t('menu.servicesChild.online'),
children: [
{ name: '心理学博士DBA(即将推出)', onClick: this.showTips },
{ name: '工商管理学博士EDD(即将推出)', onClick: this.showTips }
{ name: this.$t('menu.servicesChild.onlineChild.design'), onClick: this.showTips },
{ name: this.$t('menu.servicesChild.onlineChild.support'), onClick: this.showTips },
{ name: this.$t('menu.servicesChild.onlineChild.joint'), onClick: this.showTips }
]
}
]
},
{
name: '教育服务',
name: this.$t('menu.degree'),
children: [
{ name: this.$t('menu.degreeChild.bachelor'), children: [{ name: this.$t('menu.degreeChild.bachelorChild.shms'), onClick: this.showTips }] },
{
name: '1+x',
name: this.$t('menu.degreeChild.master'),
children: [
{ name: '金融产品数字化营销证书', href: 'https://x.ezijing.com' }
// { name: '数字金融客户服务证书', onClick: this.showTips },
// { name: '酒店及旅游业的数字化营销证书', onClick: this.showTips },
// { name: '青少年儿童心理以及行为指导证书', onClick: this.showTips }
{ name: this.$t('menu.degreeChild.masterChild.msf'), href: 'https://kelley.ezijing.com' },
{ name: this.$t('menu.degreeChild.masterChild.med'), href: 'https://cu.ezijing.com' },
{ name: this.$t('menu.degreeChild.masterChild.map'), href: 'https://ciis.ezijing.com' },
{ name: this.$t('menu.degreeChild.masterChild.paln'), href: 'https://cfflp.ezijing.com' }
]
},
{
name: this.$t('menu.degreeChild.mba'),
children: [
{ name: this.$t('menu.degreeChild.mbaChild.mba'), href: 'https://marywood.ezijing.com' },
{ name: this.$t('menu.degreeChild.mbaChild.finance'), href: 'https://sofia.ezijing.com' },
{ name: this.$t('menu.degreeChild.mbaChild.internatidnal'), href: 'https://shms.ezijing.com' }
]
},
{ name: '专业共建', path: '/services/major' },
{ name: '产业学院', path: '/services/college' },
{ name: '新职业', path: '/services/job' },
{ name: '高质量实习就业服务', path: '/services/employment' },
{
name: '在线教育解决方案',
name: this.$t('menu.degreeChild.doctor'),
children: [
{ name: '核心能力概括', path: '/services/solution' },
{ name: '联合运营案例-私人财富风险管理顾问(PRP)', href: 'https://prp.ezijing.com/' }
{ name: '联合运营案例-私人财富风险管理顾问(PRP)', href: 'https://prp.ezijing.com/' },
{ name: this.$t('menu.degreeChild.doctorChild.dba'), onClick: this.showTips },
{ name: this.$t('menu.degreeChild.doctorChild.edd'), onClick: this.showTips }
]
}
]
},
{
name: '校友会',
name: this.$t('menu.alumni'),
children: [
{ name: '校友会', path: '/alumnus' }
{ name: this.$t('menu.alumniChild.alumni'), path: '/alumnus' }
// { name: '校友风采', path: '/alumnus/style' }
]
},
{
name: '我要报名',
name: this.$t('menu.apply'),
onClick: () => {
this.$emit('showApplyForm')
}
......
......@@ -4,11 +4,11 @@
<ul class="right-aside-btns">
<li @click="showApplyForm">
<img src="https://zws-imgs-pub.ezijing.com/static/public/d434fa0ffd77892273e63e6d694cff0a.png" />
<p>我要报名</p>
<p>{{ $t('aside.apply') }}</p>
</li>
<li @click="showFollow">
<img src="https://zws-imgs-pub.ezijing.com/static/public/5526b83d7526b2742f6eba7151c367db.png" />
<p>关注我们</p>
<p>{{ $t('aside.follow') }}</p>
</li>
</ul>
</div>
......@@ -21,10 +21,10 @@
<!-- 关注我们 -->
<van-overlay :show="followVisible" @click="followVisible = false">
<div class="dialog-box" @click.stop>
<h2 class="title">关注我们</h2>
<h2 class="title">{{ $t('aside.follow') }}</h2>
<div class="follow">
<img src="https://zws-imgs-pub.ezijing.com/static/public/d2d9945d598e81c3b58aff5ce927a78a.jpg" />
<p>扫码关注 了解更多</p>
<p>{{ $t('aside.pay') }}</p>
</div>
</div>
</van-overlay>
......@@ -89,6 +89,7 @@ export default {
}
}
.dialog-box {
padding: .1rem;
position: absolute;
top: 50%;
left: 50%;
......
......@@ -20,11 +20,18 @@ export default {
<style lang="scss">
.app-tab-nav {
display: flex;
overflow-x: scroll;
&::-webkit-scrollbar{
display: none;
}
li {
margin-left: 0.3rem;
font-size: 0.14rem;
line-height: 0.38rem;
color: #333;
a{
white-space: nowrap;
}
&.is-active {
border-bottom: 0.02rem solid #aa1941;
}
......
......@@ -9,10 +9,10 @@ export default {
data() {
return {
list: [
{ name: '紫荆简介', path: '/about/introduce', value: '1' },
{ name: '文化理念', path: '/about/culture', value: '2' },
{ name: '新闻中心', path: '/about/news', value: '3' },
{ name: '联系我们', path: '/about/contact', value: '4' }
{ name: this.$t('menu.aboutChild.about'), path: '/about/introduce', value: '1' },
{ name: this.$t('menu.aboutChild.culture'), path: '/about/culture', value: '2' },
{ name: this.$t('menu.aboutChild.news'), path: '/about/news', value: '3' },
{ name: this.$t('menu.aboutChild.contact'), path: '/about/contact', value: '4' }
]
}
}
......
......@@ -9,7 +9,7 @@ export default {
data() {
return {
list: [
{ name: '校友会', path: '/alumnus', value: '1' }
{ name: this.$t('alumni.title'), path: '/alumnus', value: '1' }
// { name: '校友风采', path: '/alumnus/style', value: '2' }
]
}
......
<template>
<card title="教育服务案例">
<card :title="$t('home.case.title')">
<van-swipe class="my-swipe" :loop="true" :autoplay="5000" :show-indicators="false">
<template v-for="(item, index) in list">
<van-swipe-item :key="index">
......@@ -12,7 +12,6 @@
</van-swipe-item>
</template>
</van-swipe>
<!-- 、、阿萨德 -->
</card>
</template>
......
<template>
<card title="公开课">
<template #header-aside><nuxt-link to="/about/news?type=article_publish_class">查看更多+</nuxt-link></template>
<card :title="$t('home.openLesson.title')">
<template #header-aside><nuxt-link to="/about/news?type=article_publish_class">{{ $t('viewMore') }}</nuxt-link></template>
<new-link :item="{ news: { data: list.first, path: '/about/news' } }">
<img :src="list.first.web_img_uri" class="class-banner" />
</new-link>
......@@ -16,7 +16,7 @@
<div class="list-item-ft">
<span class="list-item__date">{{ formatDate(item.start_time) }}</span>
<span class="list-item__view">{{ item.remarks || 36023 }}</span>
<span class="list-item__btn">免费学习</span>
<span class="list-item__btn">{{ $t('home.openLesson.btn') }}</span>
</div>
</new-link>
</div>
......
<template>
<div class="degree">
<div class="degree-hd">学位教育</div>
<div class="degree-hd">{{ $t('home.degree.title') }}</div>
<div class="degree-bd">
<ul class="tab-left">
<li
......@@ -35,81 +35,81 @@ export default {
indexActive: 1,
data: [
{
name: '本科',
name: this.$t('home.degree.tabBtn1'),
content: [
{
icon: 'https://zws-imgs-pub.ezijing.com/static/public/e624ed7af7b49a9e04e7ac2ec95db7e1.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/8b32a69e26a4d20eaddc8bb3d6f4ccc5.png',
text: '海外留学<br />SHMS<br/>(即将推出)',
text: this.$t('home.degree.shms'),
onClick: this.showTips
}
]
},
{
name: '硕士',
name: this.$t('home.degree.tabBtn2'),
content: [
{
icon: 'https://zws-imgs-pub.ezijing.com/static/public/69fc809f95bd7985e13827a6dcd4dcd1.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/ac6cde3fb04de4c3478d02e7572fe9c9.png',
text: '金融硕士<br />MSF',
text: this.$t('home.degree.msf'),
href: 'https://kelley.ezijing.com'
},
{
icon: 'https://zws-imgs-pub.ezijing.com/static/public/ac66fee3cad3cca2b4b38ef3cceed9dc.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/8fe0f6c8995847dee420e70a21da4d3f.png',
text: '教育学硕士MED<br />(儿童心理与教育)',
text: this.$t('home.degree.med'),
href: 'https://cu.ezijing.com'
},
{
icon: 'https://zws-imgs-pub.ezijing.com/static/public/aa2c06a74a470cbee1443e66bb6bc981.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/db8ca58d8032f32a77a7a9deea9b417b.png',
text: '应用心理学<br />硕士MAP',
text: this.$t('home.degree.map'),
href: 'https://ciis.ezijing.com'
},
{
icon: 'https://zws-imgs-pub.ezijing.com/static/public/70748b8e679e7b3f40310635d9f3bae7.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/49f4eb2509433e42555754f74a4dcae2.png',
text: '未来金融<br />领袖计划',
text: this.$t('home.degree.plan'),
href: 'https://cfflp.ezijing.com'
}
]
},
{
name: 'MBA',
name: this.$t('home.degree.tabBtn3'),
content: [
{
icon: 'https://zws-imgs-pub.ezijing.com/static/public/17ef11bc534aadf1d8e3b94fd6d4350f.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/0d2ea39ee5d40200a6f513db2e9b88de.png',
text: '综合管理方向MBA',
text: this.$t('home.degree.mba'),
href: 'https://marywood.ezijing.com'
},
{
icon: 'https://zws-imgs-pub.ezijing.com/static/public/a23695e5428a3d5e0a2f47f7d36ebb14.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/a2c4b8a1f799b35f04ed618f7b47b9c1.png',
text: '金融MBA',
text: this.$t('home.degree.finance'),
href: 'https://sofia.ezijing.com'
},
{
icon: 'https://zws-imgs-pub.ezijing.com/static/public/709ab2dd245369c16631a8d9ebe67006.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/29917e1f3d47ca9381b5e0c397e1f082.png',
text: '酒店和旅游方向MBA',
text: this.$t('home.degree.international'),
href: 'https://shms.ezijing.com'
}
]
},
{
name: '博士',
name: this.$t('home.degree.tabBtn4'),
content: [
{
icon: 'https://zws-imgs-pub.ezijing.com/static/public/841ff657ca26c0f26da3e24d799ae2a5.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/5785a4d37264a8293b956a3f065f11cf.png',
text: '心理学博士<br/>(即将推出)',
text: this.$t('home.degree.dba'),
onClick: this.showTips
},
{
icon: 'https://zws-imgs-pub.ezijing.com/static/public/aebf1f65a324cff54eb9466bf2fd0b66.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/526bebd1d9279c19895c5c4f1a3cfcce.png',
text: '工商管理学博士<br/>(即将推出)',
text: this.$t('home.degree.edd'),
onClick: this.showTips
}
]
......
<template>
<card title="项目公告">
<template #header-aside><nuxt-link to="/about/news?type=article_news">查看更多+</nuxt-link></template>
<card :title="$t('home.bulletin.title')">
<template #header-aside><nuxt-link to="/about/news?type=article_news">{{ $t('viewMore') }}</nuxt-link></template>
<div class="future">
<!-- <div class="future-left">即将开始的<br />课程日期</div> -->
<div class="future-right">
......
<template>
<card title="校长寄语">
<template #header-aside><nuxt-link to="/about/news?type=img_text_school">查看更多+</nuxt-link></template>
<card :title="$t('home.msg.title')">
<template #header-aside><nuxt-link to="/about/news?type=img_text_school">{{ $t('viewMore') }}</nuxt-link></template>
<van-swipe class="my-swipe" :autoplay="5000" :vertical="true" indicator-color="white">
<template v-for="(item, index) in list">
<van-swipe-item :key="index">
......
<template>
<div class="service">
<div class="service-hd">教育服务</div>
<div class="service-hd">{{ $t('menu.services') }}</div>
<ul class="service-bd">
<li v-for="(item, index) in data" :key="index">
<app-link :item="item">
......
<template>
<card title="校友故事">
<p class="tips">You are What you together, 结识5000+ 同样优秀的人!</p>
<card :title="$t('home.alumni.title')">
<p class="tips">{{ $t('home.alumni.des') }}</p>
<swiper ref="mySwiper" :options="swiperOptions" class="my-swiper">
<template v-for="(item, index) in list">
<swiper-slide :key="index">
......
差异被折叠。
差异被折叠。
export default function({ app, store }) {
const defaultLocale = app.i18n.fallbackLocale
const locale = app.$cookies.get('lang') || defaultLocale
store.dispatch('switchLocale', locale)
}
......@@ -49,7 +49,7 @@ export default {
css: ['vant/lib/index.css', 'swiper/css/swiper.css', '@/assets/css/base.css'],
// Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
plugins: ['@/plugins/axios', '@/plugins/vant', { src: '@/plugins/swiper' }],
plugins: ['@/plugins/i18n', '@/plugins/axios', '@/plugins/vant', { src: '@/plugins/swiper' }],
// Auto import components: https://go.nuxtjs.dev/config-components
components: true,
......@@ -58,8 +58,11 @@ export default {
buildModules: [],
// Modules: https://go.nuxtjs.dev/config-modules
modules: ['@nuxtjs/axios'],
modules: ['@nuxtjs/axios', 'cookie-universal-nuxt'],
// Build Configuration: https://go.nuxtjs.dev/config-build
build: {}
build: {},
router: {
middleware: ['i18n']
}
}
This source diff could not be displayed because it is too large. You can view the blob instead.
差异被折叠。
差异被折叠。
差异被折叠。
差异被折叠。
差异被折叠。
差异被折叠。
差异被折叠。
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论