Skip to content

P
project-www-h5
提交 ae74ef76 authored 作者: lihuihui's avatar lihuihui
浏览文件
操作

i18n

上级 55313969
全部展开 显示空白字符变更
内嵌 并排
正在显示 包含 320 行增加 和 197 行删除
components/ApplyForm.vue
浏览文件 @ ae74ef76
<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: {
......
components/Footer.vue
浏览文件 @ ae74ef76
......@@ -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/' },
......
components/Header.vue
浏览文件 @ ae74ef76
......@@ -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>
components/Menu.vue
浏览文件 @ ae74ef76
......@@ -14,79 +14,79 @@ 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: '产品技术（即将推出）', onClick: this.showTips },
{ name: '技术支持（即将推出）', onClick: this.showTips },
{ name: '联合运营（即将推出）', onClick: this.showTips }
{ 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')
}
......
components/RightAside.vue
浏览文件 @ ae74ef76
......@@ -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%;
......
components/TabNav.vue
浏览文件 @ ae74ef76
......@@ -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;
}
......
components/about/TabNav.vue
浏览文件 @ ae74ef76
......@@ -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' }
]
}
}
......
components/alumnus/TabNav.vue
浏览文件 @ ae74ef76
......@@ -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' }
]
}
......
components/home/Case.vue
浏览文件 @ ae74ef76
<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>
......
components/home/Class.vue
浏览文件 @ ae74ef76
<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>
......
components/home/Degree.vue
浏览文件 @ ae74ef76
<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
}
]
......
components/home/Post.vue
浏览文件 @ ae74ef76
<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">
......
components/home/Publish.vue
浏览文件 @ ae74ef76
<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">
......
components/home/Service.vue
浏览文件 @ ae74ef76
<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">
......
components/home/Story.vue
浏览文件 @ ae74ef76
<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">
......
langs/en-US.js 0 → 100644
浏览文件 @ ae74ef76
差异被折叠。
langs/zh-CN.js 0 → 100644
浏览文件 @ ae74ef76
差异被折叠。
middleware/i18n.js 0 → 100644
浏览文件 @ ae74ef76
export default function({ app, store }) {
const defaultLocale = app.i18n.fallbackLocale
const locale = app.$cookies.get('lang') || defaultLocale
store.dispatch('switchLocale', locale)
}
nuxt.config.js
浏览文件 @ ae74ef76
......@@ -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']
}
}
package-lock.json
浏览文件 @ ae74ef76
......@@ -9,12 +9,14 @@
"dependencies": {
"@nuxtjs/axios": "^5.13.1",
"axios": "^0.21.1",
"cookie-universal-nuxt": "^2.1.4",
"core-js": "^3.11.0",
"nuxt": "^2.15.3",
"qs": "^6.10.1",
"swiper": "^5.4.5",
"vant": "^2.12.15",
"vue-awesome-swiper": "^4.1.1"
"vue-awesome-swiper": "^4.1.1",
"vue-i18n": "^8.24.4"
},
"devDependencies": {
"sass": "^1.32.11",
......@@ -2040,6 +2042,11 @@
"version": "1.3.1",
"license": "MIT"
},
"node_modules/@types/cookie": {
"version": "0.3.3",
"resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.3.3.tgz",
"integrity": "sha512-LKVP3cgXBT9RYj+t+9FDKwS5tdI+rPBXaNSkma7hvqy35lc7mAokC2zsqWJH0LaqIt3B962nuYI77hsJoT1gow=="
},
"node_modules/@types/html-minifier-terser": {
"version": "5.1.1",
"license": "MIT"
......@@ -3673,6 +3680,32 @@
"node": ">= 0.6"
}
},
"node_modules/cookie-universal": {
"version": "2.1.4",
"resolved": "https://registry.npmjs.org/cookie-universal/-/cookie-universal-2.1.4.tgz",
"integrity": "sha512-dwWXs7NGBzaBYDypu3jWH5M3NJW+zu5QdyJkFMHJvhLuyL4/eXG4105fwtTDwfIqyTunwVvQX4PHdtfPDS7URQ==",
"dependencies": {
"@types/cookie": "^0.3.3",
"cookie": "^0.4.0"
}
},
"node_modules/cookie-universal-nuxt": {
"version": "2.1.4",
"resolved": "https://registry.npmjs.org/cookie-universal-nuxt/-/cookie-universal-nuxt-2.1.4.tgz",
"integrity": "sha512-xbn4Ozs9S0u2+0mQTZRwGlBL9MGNq8N4H6iGfprR5ufZFCS2hGef++3DBHSmHXZi30Wu3Q7RI/GkNMhz3cecmg==",
"dependencies": {
"@types/cookie": "^0.3.3",
"cookie-universal": "^2.1.4"
}
},
"node_modules/cookie-universal/node_modules/cookie": {
"version": "0.4.1",
"resolved": "https://registry.npmjs.org/cookie/-/cookie-0.4.1.tgz",
"integrity": "sha512-ZwrFkGJxUR3EIoXtO+yVE69Eb7KlixbaeAWfBQB9vVsNn/o+Yw69gBWSSDK825hQNdN+wF8zELf3dFNl/kxkUA==",
"engines": {
"node": ">= 0.6"
}
},
"node_modules/copy-concurrently": {
"version": "1.0.5",
"license": "ISC",
......@@ -10906,6 +10939,11 @@
"version": "2.3.4",
"license": "MIT"
},
"node_modules/vue-i18n": {
"version": "8.24.4",
"resolved": "https://registry.npmjs.org/vue-i18n/-/vue-i18n-8.24.4.tgz",
"integrity": "sha512-RZE94WUAGxEiBAANxQ0pptbRwDkNKNSXl3fnJslpFOxVMF6UkUtMDSuYGuW2blDrVgweIXVpethOVkYoNNT9xw=="
},
"node_modules/vue-lazyload": {
"version": "1.2.3",
"license": "MIT"
......@@ -13695,6 +13733,11 @@
"@types/anymatch": {
"version": "1.3.1"
},
"@types/cookie": {
"version": "0.3.3",
"resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.3.3.tgz",
"integrity": "sha512-LKVP3cgXBT9RYj+t+9FDKwS5tdI+rPBXaNSkma7hvqy35lc7mAokC2zsqWJH0LaqIt3B962nuYI77hsJoT1gow=="
},
"@types/html-minifier-terser": {
"version": "5.1.1"
},
......@@ -14795,6 +14838,31 @@
"cookie": {
"version": "0.3.1"
},
"cookie-universal": {
"version": "2.1.4",
"resolved": "https://registry.npmjs.org/cookie-universal/-/cookie-universal-2.1.4.tgz",
"integrity": "sha512-dwWXs7NGBzaBYDypu3jWH5M3NJW+zu5QdyJkFMHJvhLuyL4/eXG4105fwtTDwfIqyTunwVvQX4PHdtfPDS7URQ==",
"requires": {
"@types/cookie": "^0.3.3",
"cookie": "^0.4.0"
},
"dependencies": {
"cookie": {
"version": "0.4.1",
"resolved": "https://registry.npmjs.org/cookie/-/cookie-0.4.1.tgz",
"integrity": "sha512-ZwrFkGJxUR3EIoXtO+yVE69Eb7KlixbaeAWfBQB9vVsNn/o+Yw69gBWSSDK825hQNdN+wF8zELf3dFNl/kxkUA=="
}
}
},
"cookie-universal-nuxt": {
"version": "2.1.4",
"resolved": "https://registry.npmjs.org/cookie-universal-nuxt/-/cookie-universal-nuxt-2.1.4.tgz",
"integrity": "sha512-xbn4Ozs9S0u2+0mQTZRwGlBL9MGNq8N4H6iGfprR5ufZFCS2hGef++3DBHSmHXZi30Wu3Q7RI/GkNMhz3cecmg==",
"requires": {
"@types/cookie": "^0.3.3",
"cookie-universal": "^2.1.4"
}
},
"copy-concurrently": {
"version": "1.0.5",
"requires": {
......@@ -19481,6 +19549,11 @@
"vue-hot-reload-api": {
"version": "2.3.4"
},
"vue-i18n": {
"version": "8.24.4",
"resolved": "https://registry.npmjs.org/vue-i18n/-/vue-i18n-8.24.4.tgz",
"integrity": "sha512-RZE94WUAGxEiBAANxQ0pptbRwDkNKNSXl3fnJslpFOxVMF6UkUtMDSuYGuW2blDrVgweIXVpethOVkYoNNT9xw=="
},
"vue-lazyload": {
"version": "1.2.3"
},
......
package.json
浏览文件 @ ae74ef76
......@@ -11,12 +11,14 @@
"dependencies": {
"@nuxtjs/axios": "^5.13.1",
"axios": "^0.21.1",
"cookie-universal-nuxt": "^2.1.4",
"core-js": "^3.11.0",
"nuxt": "^2.15.3",
"qs": "^6.10.1",
"swiper": "^5.4.5",
"vant": "^2.12.15",
"vue-awesome-swiper": "^4.1.1"
"vue-awesome-swiper": "^4.1.1",
"vue-i18n": "^8.24.4"
},
"devDependencies": {
"sass": "^1.32.11",
......
pages/about/contact.vue
浏览文件 @ ae74ef76
......@@ -4,31 +4,27 @@
<div id="allmap"></div>
<div class="main-container">
<div class="main-content">
<h1 class="title">联系我们</h1>
<p>地&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;址：北京市海淀区中关村东路1号院7号楼5层</p>
<p>联系电话：010-62793299</p>
<p>邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱：service@ezijing.com</p>
<p>政企合作：010-62793271</p>
<p>院校合作：010-62790183</p>
<h1 class="title">{{ $t('about.contact.lxTit') }}</h1>
<p v-html="$t('about.contact.contactTxt')"></p>
</div>
<div class="main-content">
<h1 class="title">关注我们</h1>
<h1 class="title">{{ $t('about.contact.follow') }}</h1>
<ul class="follow">
<li>
<img src="https://zws-imgs-pub.ezijing.com/static/public/5c4a58f1d41f786e7713a5a84069404d.png" />
<div class="name">紫荆企业微信</div>
<div class="name">{{ $t('about.contact.followCodeT1') }}</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/project/marywood/wb-code.png" />
<div class="name">紫荆官方微博</div>
<div class="name">{{ $t('about.contact.followCodeT2') }}</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/project/marywood/douyin-code.png" />
<div class="name">紫荆官方抖音</div>
<div class="name">{{ $t('about.contact.followCodeT3') }}</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/project/marywood/xiaoet-code.png" />
<div class="name">紫荆公开课</div>
<div class="name">{{ $t('about.contact.followCodeT4') }}</div>
</li>
</ul>
</div>
......
pages/about/culture.vue
浏览文件 @ ae74ef76
......@@ -11,40 +11,26 @@
</div>
<div class="main-container">
<div class="main-content">
<h1 class="title">文化理念</h1>
<h1 class="title">{{ $t('about.culture.title') }}</h1>
<div class="item">
<h2>使命</h2>
<h3>让每个人都有改变的能力</h3>
<p>
优质教育是一个稀缺资源，优质的教育能够赋予学子优秀的能力。紫荆教育立志于此，整合国际优质教育资源，让每一个愿意奋斗与学习的学子，都能享受到优质教育资源，同时获得优秀的能力。<br />
让每个人都有改变的能力，作为紫荆教育的使命，立志于通过教育，赋予每一个学子获得改变的力量，通过改变，赢取未来竞争的主动。
</p>
<h2>{{ $t('about.culture.item1H1') }}</h2>
<h3>{{ $t('about.culture.item1H2') }}</h3>
<p v-html="$t('about.culture.item1Txt')"></p>
</div>
<div class="item">
<h2>愿景</h2>
<h3>成为世界一流的终身教育机构</h3>
<p>
紫荆教育坚持做人言行一致；做事诚实无欺，坚持诚信务实是立企之本、发展之基同时，坚持客户需求导向，开放创新，勇于开拓，不断进取，永远保持对专业的追求和精进。<br />
以结果为导向，既是紫荆教育提供了衡量内聚力的尺度，也是对紫荆学员教育服务的责任要求。
</p>
<h2>{{ $t('about.culture.item2H1') }}</h2>
<h3>{{ $t('about.culture.item2H2') }}</h3>
<p v-html="$t('about.culture.item2Txt')"></p>
</div>
<div class="item">
<h2>理念</h2>
<h3>真⼼实意做教育</h3>
<p>
紫荆教育不断完善教学教务服务，严格要求每一个环节，真心实意对待每一个学生。<br />
紫荆教育不断增强课程研发、专业师资、技术平台、学术建设等核心能力，以满足院校的教学运营需求，真心实意对待每一所合作院校。<br />
紫荆教育不断加强企业、院校之间的联系，实现科学对接招聘要求，合理进行岗位匹配，最终促进人才资源的合理配置，真心实意对待合作企业。<br />
紫荆教育，是一家真正做教育，给学员、企业、学校提供真正价值的终身教育机构，最终实现学员、院校、企业三方的共同成长。
</p>
<h2>{{ $t('about.culture.item3H1') }}</h2>
<h3>{{ $t('about.culture.item3H2') }}</h3>
<p v-html="$t('about.culture.item3Txt')"></p>
</div>
<div class="item">
<h2>价值观</h2>
<h3>诚信务实、开放创新、追求结果</h3>
<p>
紫荆教育坚持做人言行一致；做事诚实无欺，坚持诚信务实是立企之本、发展之基同时，坚持客户需求导向，开放创新，勇于开拓，不断进取，永远保持对专业的追求和精进。<br />
以结果为导向，既是紫荆教育提供了衡量内聚力的尺度，也是对紫荆学员教育服务的责任要求。
</p>
<h2>{{ $t('about.culture.item4H1') }}</h2>
<h3>{{ $t('about.culture.item4H2') }}</h3>
<p v-html="$t('about.culture.item4Txt')"></p>
</div>
</div>
</div>
......@@ -97,11 +83,12 @@ export default {
}
h3 {
margin-bottom: 0.1rem;
height: 0.46rem;
// height: 0.46rem;
border-bottom: 1px solid #98002e;
font-size: 0.18rem;
font-weight: normal;
line-height: 0.46rem;
// line-height: 0.46rem;
padding: .1rem 0;
color: #424242;
}
p {
......
pages/about/introduce.vue
浏览文件 @ ae74ef76
......@@ -4,90 +4,69 @@
<img src="https://webapp-pub.ezijing.com/www/h5/images/about_banner_01.png" class="main-banner" />
<div class="main-container">
<div class="main-content">
<h1 class="title">紫荆简介</h1>
<p>
紫荆教育全称是清控紫荆（北京）教育科技股份有限公司，由清华控股有限公司于2015年以清华大学五道口金融学院相关知识产权创设而成。“紫荆”二字取自清华大学校花“紫荆花”，寓意“自强不息，向美而行”。
</p>
<p>
紫荆教育以教育为本、以科技赋能、以专业化为基础，以国际化为目标，提供高端国际学位教育、职业教育和在线教育解决方案，为我国培养高质量的国际化人才和产业人才。
</p>
<h1 class="title">{{ $t('about.project.title') }}</h1>
<p v-html="$t('about.project.text')"></p>
</div>
<div class="total">
<ul>
<li>
<p class="t1"><span>12</span>所</p>
<p class="t2">国际合作院校</p>
<p class="t1"><span>12</span>{{ $t('about.project.unit1') }}</p>
<p class="t2">{{ $t('about.project.itemText1') }}</p>
</li>
<li>
<p class="t1"><span>522</span>门</p>
<p class="t2">线上课程</p>
<p class="t1"><span>522</span>{{ $t('about.project.unit2') }}</p>
<p class="t2">{{ $t('about.project.itemText2') }}</p>
</li>
</ul>
<ul>
<li>
<p class="t1"><span>600</span>+</p>
<p class="t2">金融机构/协会/政府/学校</p>
<p class="t2">{{ $t('about.project.itemText3') }}</p>
</li>
<li>
<p class="t1"><span>700</span>+</p>
<p class="t2">国内外师资团队</p>
<p class="t2">{{ $t('about.project.itemText4') }}</p>
</li>
</ul>
<ul>
<li>
<p class="t1"><span>5000</span>+</p>
<p class="t2">学位学员</p>
<p class="t2">{{ $t('about.project.itemText7') }}</p>
</li>
<li>
<p class="t1"><span>500万</span>+</p>
<p class="t2">人次学习</p>
<p class="t1"><span>500{{ $t('about.project.unit3') }}</span>+</p>
<p class="t2">{{ $t('about.project.itemText8') }}</p>
</li>
</ul>
<ul>
<li>
<p class="t1"><span>1000</span>+</p>
<p class="t2">学术直播课</p>
<p class="t2">{{ $t('about.project.itemText5') }}</p>
</li>
<li>
<p class="t1"><span>4800</span>+</p>
<p class="t2">总研发课时</p>
<p class="t2">{{ $t('about.project.itemText6') }}</p>
</li>
</ul>
</div>
<div class="tabs">
<ul class="tab-nav">
<li :class="{ 'is-active': indexActive === 0 }" @click="changeIndex(0)">
<p class="t1">专业化</p>
<p class="t2">长期思维&nbsp;&nbsp;严谨治学</p>
<p class="t1">{{ $t('about.project.tabBtn1Tit') }}</p>
<p class="t2" v-html="$t('about.project.tabBtn1Txt')"></p>
</li>
<li :class="{ 'is-active': indexActive === 1 }" @click="changeIndex(1)">
<p class="t1">科技化</p>
<p class="t2">源自清华&nbsp;&nbsp;持续投入</p>
<p class="t1">{{ $t('about.project.tabBtn2Tit') }}</p>
<p class="t2" v-html="$t('about.project.tabBtn2Txt')"></p>
</li>
<li :class="{ 'is-active': indexActive === 2 }" @click="changeIndex(2)">
<p class="t1">国际化</p>
<p class="t2">放眼全球&nbsp;&nbsp;国际合作</p>
<p class="t1">{{ $t('about.project.tabBtn3Tit') }}</p>
<p class="t2" v-html="$t('about.project.tabBtn3Txt')"></p>
</li>
</ul>
<div class="tab-content" v-show="indexActive === 0">
<span>8</span>年深耕教育产业，完善的教学管理体系和内控体系; <br />
<span>12</span>所国际合作大学，<span>16</span>个国际学位项目，互认学分; <br />
<span>600+</span>金融机构政府、协会等合作单位; <br />
<span>50+</span>课程研发人员，<span>700+</span>师资团队，<span>4800+</span>总研发课时。
</div>
<div class="tab-content" v-show="indexActive === 1">
源自清华，持续投入 <span>50+</span>技术研发团队，<br /><span>1亿+</span>累计研发投入;<br />
<span>500万+</span>总学习人次，<span>24</span>小时在线;<br />
<span>1000+</span>次直播，<span>10000+</span>题库;<br />
大数据智能学习分析、作业评判、智能化营销数据分配。
</div>
<div class="tab-content" v-show="indexActive === 2">
<span>AACSB、EQUIS、ASCHE、ACE、HLC、WASC</span>等认证;<br />
<span>30</span>余位哈佛、清华、哥伦比亚等国际一流大学人才组成的国际化团队;<br />
<span>40%</span>员工有研究生学历;<br />
<span>5</span
>大洲<span>16</span>个国家/地区国际校友网络，<br />覆盖全国<span>380+</span>省、市、自治区及行政特区。
</div>
<div class="tab-content" v-show="indexActive === 0" v-html="$t('about.project.tabCon1')"></div>
<div class="tab-content" v-show="indexActive === 1" v-html="$t('about.project.tabCon2')"></div>
<div class="tab-content" v-show="indexActive === 2" v-html="$t('about.project.tabCon3')"></div>
</div>
</div>
</div>
......@@ -120,7 +99,7 @@ export default {
display: flex;
flex-direction: column;
justify-content: center;
height: 0.48rem;
// height: 0.48rem;
margin-bottom: 0.2rem;
.t1 {
font-size: 0.16rem;
......@@ -210,11 +189,13 @@ export default {
background: #fff;
box-shadow: 0px 1px 13px rgba(0, 0, 0, 0.06);
box-sizing: border-box;
::v-deep{
span {
font-size: 0.2rem;
font-weight: bold;
color: #aa1941;
}
}
}
}
</style>
pages/alumnus/index.vue
浏览文件 @ ae74ef76
......@@ -4,24 +4,24 @@
<img src="https://webapp-pub.ezijing.com/www/h5/images/alumnus_banner_01.png" class="main-banner" />
<div class="main-container">
<div class="main-content">
<h1 class="title">校友会简介</h1>
<h1 class="title">{{ $t('alumni.contentTit') }}</h1>
<p>
紫荆教育拥有阵容强大、组织活跃、遍布全球的校友网络。截至2020年12月，紫荆校友人数已经超过5000位，校友们通过地区分会、行业协会/俱乐部、班级这个三维立体网络与紫荆紧密相连。同时，通过“i紫荆”在线信息平台，促进校友间的相互学习和交流。
{{ $t('alumni.contentP1') }}
</p>
<p>
至今，在广大校友的热情支持下，紫荆校友会已经先后成立了北京、上海、深圳等地校友分会，并将陆续成立其他省份和海外等多地校友分会。紫荆各地校友分会的成立将有效整合跨界资源的精英网络，为紫荆校友蓄势未来、取得更大成功奠定坚实的基础。
{{ $t('alumni.contentP2') }}
</p>
<p>
紫荆校友会不是简单意义上的校友联谊机构，她是紫荆教学活动的延续，是培养新生代企业家的一个重要环节。紫荆校友会秉持“紫荆花开，向美而行”的美好愿景，倡导培养终身学习的习惯，积极奉献爱心、回馈社会，并保持“健康可持续”的生活方式。在紫荆大家庭里，校友们生活上彼此关心、事业上相互支持、精神上相互激励，结交真心朋友、分享精彩人生。
{{ $t('alumni.contentP3') }}
</p>
<p>国内学员已百分百覆盖中国34个省级行政区、380+城市及全球多个国家和地区</p>
<p>{{ $t('alumni.fbDes') }}</p>
<img src="https://webapp-pub.ezijing.com/www/h5/images/alumnus_01.png" />
<img src="https://webapp-pub.ezijing.com/www/h5/images/alumnus_02.png" />
<p style="text-align: right">数据截止2020年6月</p>
<p style="text-align: right">{{ $t('alumni.time') }}</p>
<div style="text-align: center">
<h4 style="font-weight: normal; margin-bottom: 10px">关注校友会</h4>
<h4 style="font-weight: normal; margin-bottom: 10px">{{ $t('alumni.followTit') }}</h4>
<img src="https://webapp-pub.ezijing.com/www/pc/alum-code.png" style="width: 200px" />
<p>i紫荆校友平台</p>
<p>{{ $t('alumni.followDes') }}</p>
</div>
</div>
</div>
......
plugins/i18n.js 0 → 100644
浏览文件 @ ae74ef76
import Vue from 'vue'
import VueI18n from 'vue-i18n'
import zhCN from '@/langs/zh-CN'
import enUS from '@/langs/en-US'
Vue.use(VueI18n)
export default ({ app, store }) => {
app.i18n = new VueI18n({
locale: store.state.locale,
fallbackLocale: 'zh-CN',
messages: { 'zh-CN': zhCN, 'en-US': enUS }
})
}
store/index.js
浏览文件 @ ae74ef76
export const state = () => ({
searchVisible: false,
menuVisible: false
menuVisible: false,
locales: ['zh-CN', 'en-US'],
locale: 'zh-CN'
})
export const mutations = {
......@@ -9,5 +11,19 @@ export const mutations = {
},
toggleMenu(state, visible) {
state.menuVisible = visible
},
setLocale(state, locale) {
if (state.locales.includes(locale)) {
state.locale = locale
}
}
}
export const actions = {
switchLocale({ commit }, locale) {
commit('setLocale', locale)
this.app.i18n.locale = locale
this.app.$cookies.set('lang', locale)
// process.client && location.reload()
}
}
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论