Skip to content

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

i18n

上级 55313969
全部展开 隐藏空白字符变更
内嵌 并排
正在显示 包含 324 行增加 和 201 行删除
components/ApplyForm.vue
浏览文件 @ ae74ef76
<template> <template>
<div class="app-apply-form"> <div class="app-apply-form">
<h2 class="title">报名咨询</h2> <h2 class="title">{{ $t('aside.apply') }}</h2>
<div class="form"> <div class="form">
<div class="form-item"> <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>
<div class="form-item"> <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>
<div class="form-item"> <div class="form-item">
<select class="form-select" placeholder="请选择项目" v-model="ruleForm.project_id"> <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> <option v-for="(item, index) in projectList" :value="item.value" :key="index">{{ item.label }}</option>
</select> </select>
</div> </div>
<div class="form-item"> <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 <input
type="button" type="button"
class="form-button" class="form-button"
...@@ -25,7 +25,7 @@ ...@@ -25,7 +25,7 @@
/> />
</div> </div>
<div class="form-item"> <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> </div>
</div> </div>
...@@ -38,13 +38,13 @@ export default { ...@@ -38,13 +38,13 @@ export default {
return { return {
ruleForm: { name: '', phone: '', project_id: '1000', channel: 19960 }, ruleForm: { name: '', phone: '', project_id: '1000', channel: 19960 },
projectList: [ projectList: [
{ label: '综合管理方向工商管理硕士', value: '1012' }, { label: this.$t('aside.project1'), value: '1012' },
{ label: '金融工商管理硕士', value: '1000' }, { label: this.$t('aside.project2'), value: '1000' },
{ label: '酒店及旅游业工商管理硕士', value: '1008' }, { label: this.$t('aside.project3'), value: '1008' },
{ label: '金融硕士', value: '1001' }, { label: this.$t('aside.project4'), value: '1001' },
{ label: '应用心理学硕士', value: '1006' }, { label: this.$t('aside.project5'), value: '1006' },
{ label: '教育学硕士', value: '1005' }, { label: this.$t('aside.project6'), value: '1005' },
{ label: '中国未来金融领袖计划', value: '1007' } { label: this.$t('aside.project7'), value: '1007' }
], ],
phoneCode: '', phoneCode: '',
codeButtonDisabled: false, codeButtonDisabled: false,
...@@ -54,7 +54,7 @@ export default { ...@@ -54,7 +54,7 @@ export default {
}, },
computed: { computed: {
buttonText() { buttonText() {
return this.codeButtonDisabled ? `${this.disabledTime}秒后重发` : '获取验证码' return this.codeButtonDisabled ? `${this.disabledTime}s` : this.$t('aside.codeBtn')
} }
}, },
methods: { methods: {
......
components/Footer.vue
浏览文件 @ ae74ef76
...@@ -2,15 +2,15 @@ ...@@ -2,15 +2,15 @@
<footer class="main-footer"> <footer class="main-footer">
<div class="top"> <div class="top">
<div class="about"> <div class="about">
<p>地&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;址：北京市海淀区中关村东路1号院清华科技园7号楼5层</p> <p v-html="$t('foot.address')"></p>
<p>联系电话：010-62793299</p> <p v-html="$t('foot.contact')"></p>
<p>邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱：service@ezijing.com</p> <p v-html="$t('foot.email')"></p>
</div> </div>
<dl> <dl>
<dt>关联企业：</dt> <dt>{{ $t('foot.relationT1') }}</dt>
<dd> <dd>
<p>清控紫荆（广东）教育科技有限公司</p> <p>{{ $t('foot.relationT2') }}</p>
<p>清控紫荆（北京）人力资源服务有限公司</p> <p>{{ $t('foot.relationT3') }}</p>
</dd> </dd>
</dl> </dl>
<div class="link"> <div class="link">
...@@ -38,8 +38,8 @@ export default { ...@@ -38,8 +38,8 @@ export default {
data() { data() {
return { return {
link: [ link: [
{ title: '教育涉外监管信息网', href: 'http://www.pbc.gov.cn/' }, { title: this.$t('foot.link1'), href: 'http://www.pbc.gov.cn/' },
{ title: '清华大学五道口金融学院', href: 'http://www.pbc.gov.cn/' } { title: this.$t('foot.link2'), href: 'http://www.pbc.gov.cn/' }
], ],
link2: [ link2: [
{ title: '中国人民银行', href: 'http://www.pbc.gov.cn/' }, { title: '中国人民银行', href: 'http://www.pbc.gov.cn/' },
......
components/Header.vue
浏览文件 @ ae74ef76
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<div> <div>
<header class="main-header"> <header class="main-header">
<template v-if="!searchVisible"> <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="search" @click="toggleSearch"></div>
<div class="menu" :class="menuClasses" @click="toggleMenu"></div> <div class="menu" :class="menuClasses" @click="toggleMenu"></div>
</template> </template>
...@@ -16,6 +16,12 @@ ...@@ -16,6 +16,12 @@
</header> </header>
<app-search v-if="searchVisible"></app-search> <app-search v-if="searchVisible"></app-search>
<app-menu v-show="menuVisible" @showApplyForm="showApplyForm"></app-menu> <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> <right-aside ref="rightAside"></right-aside>
</div> </div>
</template> </template>
...@@ -49,6 +55,11 @@ export default { ...@@ -49,6 +55,11 @@ export default {
} }
}, },
methods: { methods: {
switchLocale() {
const lang = this.$cookies.get('lang') === 'zh-CN' ? 'en-US' : 'zh-CN'
this.$store.dispatch('switchLocale', lang)
location.reload()
},
toggleSearch() { toggleSearch() {
this.$store.commit('toggleMenu', false) this.$store.commit('toggleMenu', false)
this.$store.commit('toggleSearch', !this.searchVisible) this.$store.commit('toggleSearch', !this.searchVisible)
...@@ -85,6 +96,12 @@ export default { ...@@ -85,6 +96,12 @@ export default {
height: 0.26rem; height: 0.26rem;
background-size: contain; 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 { .search {
width: 0.18rem; width: 0.18rem;
height: 0.18rem; height: 0.18rem;
...@@ -143,4 +160,26 @@ export default { ...@@ -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> </style>
components/Menu.vue
浏览文件 @ ae74ef76
...@@ -14,79 +14,79 @@ export default { ...@@ -14,79 +14,79 @@ export default {
return { return {
list: [ list: [
{ {
name: '关于紫荆', name: this.$t('menu.about'),
children: [ children: [
{ name: '紫荆简介', path: '/about/introduce' }, { name: this.$t('menu.aboutChild.about'), path: '/about/introduce' },
{ name: '文化理念', path: '/about/culture' }, { name: this.$t('menu.aboutChild.culture'), path: '/about/culture' },
{ name: '新闻中心', path: '/about/news' }, { name: this.$t('menu.aboutChild.news'), path: '/about/news' },
{ name: '联系我们', path: '/about/contact' } { name: this.$t('menu.aboutChild.contact'), path: '/about/contact' }
] ]
}, },
{ {
name: '学位教育', name: this.$t('menu.services'),
children: [ children: [
{ name: '本科', children: [{ name: '海外留学SHMS（即将推出）', onClick: this.showTips }] },
{ {
name: '硕士', name: this.$t('menu.servicesChild.x'),
children: [ children: [
{ name: '金融硕士MSF', href: 'https://kelley.ezijing.com' }, { name: this.$t('menu.servicesChild.xChild.products'), href: 'https://x.ezijing.com' }
{ name: '教育学硕士MED（儿童心理与教育）', href: 'https://cu.ezijing.com' }, // { name: '数字金融客户服务证书', onClick: this.showTips },
{ name: '应用心理学MAP', href: 'https://ciis.ezijing.com' }, // { name: '酒店及旅游业的数字化营销证书', onClick: this.showTips },
{ name: '未来金融领袖计划', href: 'https://cfflp.ezijing.com' } // { name: '青少年儿童心理以及行为指导证书', onClick: this.showTips }
]
},
{
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.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: [ children: [
{ name: '心理学博士DBA（即将推出）', onClick: this.showTips }, { name: this.$t('menu.servicesChild.onlineChild.design'), onClick: this.showTips },
{ name: '工商管理学博士EDD（即将推出）', 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: [ 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: [ children: [
{ name: '金融产品数字化营销证书', href: 'https://x.ezijing.com' } { name: this.$t('menu.degreeChild.masterChild.msf'), href: 'https://kelley.ezijing.com' },
// { name: '数字金融客户服务证书', onClick: this.showTips }, { name: this.$t('menu.degreeChild.masterChild.med'), href: 'https://cu.ezijing.com' },
// { name: '酒店及旅游业的数字化营销证书', onClick: this.showTips }, { name: this.$t('menu.degreeChild.masterChild.map'), href: 'https://ciis.ezijing.com' },
// { name: '青少年儿童心理以及行为指导证书', onClick: this.showTips } { 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: [ children: [
{ name: '产品技术（即将推出）', onClick: this.showTips }, { name: this.$t('menu.degreeChild.doctorChild.dba'), onClick: this.showTips },
{ name: '技术支持（即将推出）', onClick: this.showTips }, { name: this.$t('menu.degreeChild.doctorChild.edd'), onClick: this.showTips }
{ name: '联合运营（即将推出）', onClick: this.showTips }
] ]
} }
] ]
}, },
{ {
name: '校友会', name: this.$t('menu.alumni'),
children: [ children: [
{ name: '校友会', path: '/alumnus' } { name: this.$t('menu.alumniChild.alumni'), path: '/alumnus' }
// { name: '校友风采', path: '/alumnus/style' } // { name: '校友风采', path: '/alumnus/style' }
] ]
}, },
{ {
name: '我要报名', name: this.$t('menu.apply'),
onClick: () => { onClick: () => {
this.$emit('showApplyForm') this.$emit('showApplyForm')
} }
......
components/RightAside.vue
浏览文件 @ ae74ef76
...@@ -4,11 +4,11 @@ ...@@ -4,11 +4,11 @@
<ul class="right-aside-btns"> <ul class="right-aside-btns">
<li @click="showApplyForm"> <li @click="showApplyForm">
<img src="https://zws-imgs-pub.ezijing.com/static/public/d434fa0ffd77892273e63e6d694cff0a.png" /> <img src="https://zws-imgs-pub.ezijing.com/static/public/d434fa0ffd77892273e63e6d694cff0a.png" />
<p>我要报名</p> <p>{{ $t('aside.apply') }}</p>
</li> </li>
<li @click="showFollow"> <li @click="showFollow">
<img src="https://zws-imgs-pub.ezijing.com/static/public/5526b83d7526b2742f6eba7151c367db.png" /> <img src="https://zws-imgs-pub.ezijing.com/static/public/5526b83d7526b2742f6eba7151c367db.png" />
<p>关注我们</p> <p>{{ $t('aside.follow') }}</p>
</li> </li>
</ul> </ul>
</div> </div>
...@@ -21,10 +21,10 @@ ...@@ -21,10 +21,10 @@
<!-- 关注我们 --> <!-- 关注我们 -->
<van-overlay :show="followVisible" @click="followVisible = false"> <van-overlay :show="followVisible" @click="followVisible = false">
<div class="dialog-box" @click.stop> <div class="dialog-box" @click.stop>
<h2 class="title">关注我们</h2> <h2 class="title">{{ $t('aside.follow') }}</h2>
<div class="follow"> <div class="follow">
<img src="https://zws-imgs-pub.ezijing.com/static/public/d2d9945d598e81c3b58aff5ce927a78a.jpg" /> <img src="https://zws-imgs-pub.ezijing.com/static/public/d2d9945d598e81c3b58aff5ce927a78a.jpg" />
<p>扫码关注 了解更多</p> <p>{{ $t('aside.pay') }}</p>
</div> </div>
</div> </div>
</van-overlay> </van-overlay>
...@@ -89,6 +89,7 @@ export default { ...@@ -89,6 +89,7 @@ export default {
} }
} }
.dialog-box { .dialog-box {
padding: .1rem;
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 50%; left: 50%;
......
components/TabNav.vue
浏览文件 @ ae74ef76
...@@ -20,11 +20,18 @@ export default { ...@@ -20,11 +20,18 @@ export default {
<style lang="scss"> <style lang="scss">
.app-tab-nav { .app-tab-nav {
display: flex; display: flex;
overflow-x: scroll;
&::-webkit-scrollbar{
display: none;
}
li { li {
margin-left: 0.3rem; margin-left: 0.3rem;
font-size: 0.14rem; font-size: 0.14rem;
line-height: 0.38rem; line-height: 0.38rem;
color: #333; color: #333;
a{
white-space: nowrap;
}
&.is-active { &.is-active {
border-bottom: 0.02rem solid #aa1941; border-bottom: 0.02rem solid #aa1941;
} }
......
components/about/TabNav.vue
浏览文件 @ ae74ef76
...@@ -9,10 +9,10 @@ export default { ...@@ -9,10 +9,10 @@ export default {
data() { data() {
return { return {
list: [ list: [
{ name: '紫荆简介', path: '/about/introduce', value: '1' }, { name: this.$t('menu.aboutChild.about'), path: '/about/introduce', value: '1' },
{ name: '文化理念', path: '/about/culture', value: '2' }, { name: this.$t('menu.aboutChild.culture'), path: '/about/culture', value: '2' },
{ name: '新闻中心', path: '/about/news', value: '3' }, { name: this.$t('menu.aboutChild.news'), path: '/about/news', value: '3' },
{ name: '联系我们', path: '/about/contact', value: '4' } { name: this.$t('menu.aboutChild.contact'), path: '/about/contact', value: '4' }
] ]
} }
} }
......
components/alumnus/TabNav.vue
浏览文件 @ ae74ef76
...@@ -9,7 +9,7 @@ export default { ...@@ -9,7 +9,7 @@ export default {
data() { data() {
return { return {
list: [ list: [
{ name: '校友会', path: '/alumnus', value: '1' } { name: this.$t('alumni.title'), path: '/alumnus', value: '1' }
// { name: '校友风采', path: '/alumnus/style', value: '2' } // { name: '校友风采', path: '/alumnus/style', value: '2' }
] ]
} }
......
components/home/Case.vue
浏览文件 @ ae74ef76
<template> <template>
<card title="教育服务案例"> <card :title="$t('home.case.title')">
<van-swipe class="my-swipe" :loop="true" :autoplay="5000" :show-indicators="false"> <van-swipe class="my-swipe" :loop="true" :autoplay="5000" :show-indicators="false">
<template v-for="(item, index) in list"> <template v-for="(item, index) in list">
<van-swipe-item :key="index"> <van-swipe-item :key="index">
...@@ -12,7 +12,6 @@ ...@@ -12,7 +12,6 @@
</van-swipe-item> </van-swipe-item>
</template> </template>
</van-swipe> </van-swipe>
<!-- 、、阿萨德 -->
</card> </card>
</template> </template>
......
components/home/Class.vue
浏览文件 @ ae74ef76
<template> <template>
<card title="公开课"> <card :title="$t('home.openLesson.title')">
<template #header-aside><nuxt-link to="/about/news?type=article_publish_class">查看更多+</nuxt-link></template> <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' } }"> <new-link :item="{ news: { data: list.first, path: '/about/news' } }">
<img :src="list.first.web_img_uri" class="class-banner" /> <img :src="list.first.web_img_uri" class="class-banner" />
</new-link> </new-link>
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
<div class="list-item-ft"> <div class="list-item-ft">
<span class="list-item__date">{{ formatDate(item.start_time) }}</span> <span class="list-item__date">{{ formatDate(item.start_time) }}</span>
<span class="list-item__view">{{ item.remarks || 36023 }}</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> </div>
</new-link> </new-link>
</div> </div>
......
components/home/Degree.vue
浏览文件 @ ae74ef76
<template> <template>
<div class="degree"> <div class="degree">
<div class="degree-hd">学位教育</div> <div class="degree-hd">{{ $t('home.degree.title') }}</div>
<div class="degree-bd"> <div class="degree-bd">
<ul class="tab-left"> <ul class="tab-left">
<li <li
...@@ -35,81 +35,81 @@ export default { ...@@ -35,81 +35,81 @@ export default {
indexActive: 1, indexActive: 1,
data: [ data: [
{ {
name: '本科', name: this.$t('home.degree.tabBtn1'),
content: [ content: [
{ {
icon: 'https://zws-imgs-pub.ezijing.com/static/public/e624ed7af7b49a9e04e7ac2ec95db7e1.png', icon: 'https://zws-imgs-pub.ezijing.com/static/public/e624ed7af7b49a9e04e7ac2ec95db7e1.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/8b32a69e26a4d20eaddc8bb3d6f4ccc5.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 onClick: this.showTips
} }
] ]
}, },
{ {
name: '硕士', name: this.$t('home.degree.tabBtn2'),
content: [ content: [
{ {
icon: 'https://zws-imgs-pub.ezijing.com/static/public/69fc809f95bd7985e13827a6dcd4dcd1.png', icon: 'https://zws-imgs-pub.ezijing.com/static/public/69fc809f95bd7985e13827a6dcd4dcd1.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/ac6cde3fb04de4c3478d02e7572fe9c9.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' href: 'https://kelley.ezijing.com'
}, },
{ {
icon: 'https://zws-imgs-pub.ezijing.com/static/public/ac66fee3cad3cca2b4b38ef3cceed9dc.png', icon: 'https://zws-imgs-pub.ezijing.com/static/public/ac66fee3cad3cca2b4b38ef3cceed9dc.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/8fe0f6c8995847dee420e70a21da4d3f.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' href: 'https://cu.ezijing.com'
}, },
{ {
icon: 'https://zws-imgs-pub.ezijing.com/static/public/aa2c06a74a470cbee1443e66bb6bc981.png', icon: 'https://zws-imgs-pub.ezijing.com/static/public/aa2c06a74a470cbee1443e66bb6bc981.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/db8ca58d8032f32a77a7a9deea9b417b.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' href: 'https://ciis.ezijing.com'
}, },
{ {
icon: 'https://zws-imgs-pub.ezijing.com/static/public/70748b8e679e7b3f40310635d9f3bae7.png', icon: 'https://zws-imgs-pub.ezijing.com/static/public/70748b8e679e7b3f40310635d9f3bae7.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/49f4eb2509433e42555754f74a4dcae2.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' href: 'https://cfflp.ezijing.com'
} }
] ]
}, },
{ {
name: 'MBA', name: this.$t('home.degree.tabBtn3'),
content: [ content: [
{ {
icon: 'https://zws-imgs-pub.ezijing.com/static/public/17ef11bc534aadf1d8e3b94fd6d4350f.png', icon: 'https://zws-imgs-pub.ezijing.com/static/public/17ef11bc534aadf1d8e3b94fd6d4350f.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/0d2ea39ee5d40200a6f513db2e9b88de.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' href: 'https://marywood.ezijing.com'
}, },
{ {
icon: 'https://zws-imgs-pub.ezijing.com/static/public/a23695e5428a3d5e0a2f47f7d36ebb14.png', icon: 'https://zws-imgs-pub.ezijing.com/static/public/a23695e5428a3d5e0a2f47f7d36ebb14.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/a2c4b8a1f799b35f04ed618f7b47b9c1.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' href: 'https://sofia.ezijing.com'
}, },
{ {
icon: 'https://zws-imgs-pub.ezijing.com/static/public/709ab2dd245369c16631a8d9ebe67006.png', icon: 'https://zws-imgs-pub.ezijing.com/static/public/709ab2dd245369c16631a8d9ebe67006.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/29917e1f3d47ca9381b5e0c397e1f082.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' href: 'https://shms.ezijing.com'
} }
] ]
}, },
{ {
name: '博士', name: this.$t('home.degree.tabBtn4'),
content: [ content: [
{ {
icon: 'https://zws-imgs-pub.ezijing.com/static/public/841ff657ca26c0f26da3e24d799ae2a5.png', icon: 'https://zws-imgs-pub.ezijing.com/static/public/841ff657ca26c0f26da3e24d799ae2a5.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/5785a4d37264a8293b956a3f065f11cf.png', iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/5785a4d37264a8293b956a3f065f11cf.png',
text: '心理学博士<br/>（即将推出）', text: this.$t('home.degree.dba'),
onClick: this.showTips onClick: this.showTips
}, },
{ {
icon: 'https://zws-imgs-pub.ezijing.com/static/public/aebf1f65a324cff54eb9466bf2fd0b66.png', icon: 'https://zws-imgs-pub.ezijing.com/static/public/aebf1f65a324cff54eb9466bf2fd0b66.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/526bebd1d9279c19895c5c4f1a3cfcce.png', iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/526bebd1d9279c19895c5c4f1a3cfcce.png',
text: '工商管理学博士<br/>（即将推出）', text: this.$t('home.degree.edd'),
onClick: this.showTips onClick: this.showTips
} }
] ]
......
components/home/Post.vue
浏览文件 @ ae74ef76
<template> <template>
<card title="项目公告"> <card :title="$t('home.bulletin.title')">
<template #header-aside><nuxt-link to="/about/news?type=article_news">查看更多+</nuxt-link></template> <template #header-aside><nuxt-link to="/about/news?type=article_news">{{ $t('viewMore') }}</nuxt-link></template>
<div class="future"> <div class="future">
<!-- <div class="future-left">即将开始的<br />课程日期</div> --> <!-- <div class="future-left">即将开始的<br />课程日期</div> -->
<div class="future-right"> <div class="future-right">
......
components/home/Publish.vue
浏览文件 @ ae74ef76
<template> <template>
<card title="校长寄语"> <card :title="$t('home.msg.title')">
<template #header-aside><nuxt-link to="/about/news?type=img_text_school">查看更多+</nuxt-link></template> <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"> <van-swipe class="my-swipe" :autoplay="5000" :vertical="true" indicator-color="white">
<template v-for="(item, index) in list"> <template v-for="(item, index) in list">
<van-swipe-item :key="index"> <van-swipe-item :key="index">
......
components/home/Service.vue
浏览文件 @ ae74ef76
<template> <template>
<div class="service"> <div class="service">
<div class="service-hd">教育服务</div> <div class="service-hd">{{ $t('menu.services') }}</div>
<ul class="service-bd"> <ul class="service-bd">
<li v-for="(item, index) in data" :key="index"> <li v-for="(item, index) in data" :key="index">
<app-link :item="item"> <app-link :item="item">
......
components/home/Story.vue
浏览文件 @ ae74ef76
<template> <template>
<card title="校友故事"> <card :title="$t('home.alumni.title')">
<p class="tips">You are What you together， 结识5000+ 同样优秀的人！</p> <p class="tips">{{ $t('home.alumni.des') }}</p>
<swiper ref="mySwiper" :options="swiperOptions" class="my-swiper"> <swiper ref="mySwiper" :options="swiperOptions" class="my-swiper">
<template v-for="(item, index) in list"> <template v-for="(item, index) in list">
<swiper-slide :key="index"> <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 { ...@@ -49,7 +49,7 @@ export default {
css: ['vant/lib/index.css', 'swiper/css/swiper.css', '@/assets/css/base.css'], 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 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 // Auto import components: https://go.nuxtjs.dev/config-components
components: true, components: true,
...@@ -58,8 +58,11 @@ export default { ...@@ -58,8 +58,11 @@ export default {
buildModules: [], buildModules: [],
// Modules: https://go.nuxtjs.dev/config-modules // 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 Configuration: https://go.nuxtjs.dev/config-build
build: {} build: {},
router: {
middleware: ['i18n']
}
} }
package-lock.json
浏览文件 @ ae74ef76
...@@ -9,12 +9,14 @@ ...@@ -9,12 +9,14 @@
"dependencies": { "dependencies": {
"@nuxtjs/axios": "^5.13.1", "@nuxtjs/axios": "^5.13.1",
"axios": "^0.21.1", "axios": "^0.21.1",
"cookie-universal-nuxt": "^2.1.4",
"core-js": "^3.11.0", "core-js": "^3.11.0",
"nuxt": "^2.15.3", "nuxt": "^2.15.3",
"qs": "^6.10.1", "qs": "^6.10.1",
"swiper": "^5.4.5", "swiper": "^5.4.5",
"vant": "^2.12.15", "vant": "^2.12.15",
"vue-awesome-swiper": "^4.1.1" "vue-awesome-swiper": "^4.1.1",
"vue-i18n": "^8.24.4"
}, },
"devDependencies": { "devDependencies": {
"sass": "^1.32.11", "sass": "^1.32.11",
...@@ -2040,6 +2042,11 @@ ...@@ -2040,6 +2042,11 @@
"version": "1.3.1", "version": "1.3.1",
"license": "MIT" "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": { "node_modules/@types/html-minifier-terser": {
"version": "5.1.1", "version": "5.1.1",
"license": "MIT" "license": "MIT"
...@@ -3673,6 +3680,32 @@ ...@@ -3673,6 +3680,32 @@
"node": ">= 0.6" "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": { "node_modules/copy-concurrently": {
"version": "1.0.5", "version": "1.0.5",
"license": "ISC", "license": "ISC",
...@@ -10906,6 +10939,11 @@ ...@@ -10906,6 +10939,11 @@
"version": "2.3.4", "version": "2.3.4",
"license": "MIT" "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": { "node_modules/vue-lazyload": {
"version": "1.2.3", "version": "1.2.3",
"license": "MIT" "license": "MIT"
...@@ -13695,6 +13733,11 @@ ...@@ -13695,6 +13733,11 @@
"@types/anymatch": { "@types/anymatch": {
"version": "1.3.1" "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": { "@types/html-minifier-terser": {
"version": "5.1.1" "version": "5.1.1"
}, },
...@@ -14795,6 +14838,31 @@ ...@@ -14795,6 +14838,31 @@
"cookie": { "cookie": {
"version": "0.3.1" "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": { "copy-concurrently": {
"version": "1.0.5", "version": "1.0.5",
"requires": { "requires": {
...@@ -19481,6 +19549,11 @@ ...@@ -19481,6 +19549,11 @@
"vue-hot-reload-api": { "vue-hot-reload-api": {
"version": "2.3.4" "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": { "vue-lazyload": {
"version": "1.2.3" "version": "1.2.3"
}, },
......
package.json
浏览文件 @ ae74ef76
...@@ -11,12 +11,14 @@ ...@@ -11,12 +11,14 @@
"dependencies": { "dependencies": {
"@nuxtjs/axios": "^5.13.1", "@nuxtjs/axios": "^5.13.1",
"axios": "^0.21.1", "axios": "^0.21.1",
"cookie-universal-nuxt": "^2.1.4",
"core-js": "^3.11.0", "core-js": "^3.11.0",
"nuxt": "^2.15.3", "nuxt": "^2.15.3",
"qs": "^6.10.1", "qs": "^6.10.1",
"swiper": "^5.4.5", "swiper": "^5.4.5",
"vant": "^2.12.15", "vant": "^2.12.15",
"vue-awesome-swiper": "^4.1.1" "vue-awesome-swiper": "^4.1.1",
"vue-i18n": "^8.24.4"
}, },
"devDependencies": { "devDependencies": {
"sass": "^1.32.11", "sass": "^1.32.11",
......
pages/about/contact.vue
浏览文件 @ ae74ef76
...@@ -4,31 +4,27 @@ ...@@ -4,31 +4,27 @@
<div id="allmap"></div> <div id="allmap"></div>
<div class="main-container"> <div class="main-container">
<div class="main-content"> <div class="main-content">
<h1 class="title">联系我们</h1> <h1 class="title">{{ $t('about.contact.lxTit') }}</h1>
<p>地&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;址：北京市海淀区中关村东路1号院7号楼5层</p> <p v-html="$t('about.contact.contactTxt')"></p>
<p>联系电话：010-62793299</p>
<p>邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱：service@ezijing.com</p>
<p>政企合作：010-62793271</p>
<p>院校合作：010-62790183</p>
</div> </div>
<div class="main-content"> <div class="main-content">
<h1 class="title">关注我们</h1> <h1 class="title">{{ $t('about.contact.follow') }}</h1>
<ul class="follow"> <ul class="follow">
<li> <li>
<img src="https://zws-imgs-pub.ezijing.com/static/public/5c4a58f1d41f786e7713a5a84069404d.png" /> <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>
<li> <li>
<img src="https://webapp-pub.ezijing.com/project/marywood/wb-code.png" /> <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>
<li> <li>
<img src="https://webapp-pub.ezijing.com/project/marywood/douyin-code.png" /> <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>
<li> <li>
<img src="https://webapp-pub.ezijing.com/project/marywood/xiaoet-code.png" /> <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> </li>
</ul> </ul>
</div> </div>
......
pages/about/culture.vue
浏览文件 @ ae74ef76
...@@ -11,40 +11,26 @@ ...@@ -11,40 +11,26 @@
</div> </div>
<div class="main-container"> <div class="main-container">
<div class="main-content"> <div class="main-content">
<h1 class="title">文化理念</h1> <h1 class="title">{{ $t('about.culture.title') }}</h1>
<div class="item"> <div class="item">
<h2>使命</h2> <h2>{{ $t('about.culture.item1H1') }}</h2>
<h3>让每个人都有改变的能力</h3> <h3>{{ $t('about.culture.item1H2') }}</h3>
<p> <p v-html="$t('about.culture.item1Txt')"></p>
优质教育是一个稀缺资源，优质的教育能够赋予学子优秀的能力。紫荆教育立志于此，整合国际优质教育资源，让每一个愿意奋斗与学习的学子，都能享受到优质教育资源，同时获得优秀的能力。<br />
让每个人都有改变的能力，作为紫荆教育的使命，立志于通过教育，赋予每一个学子获得改变的力量，通过改变，赢取未来竞争的主动。
</p>
</div> </div>
<div class="item"> <div class="item">
<h2>愿景</h2> <h2>{{ $t('about.culture.item2H1') }}</h2>
<h3>成为世界一流的终身教育机构</h3> <h3>{{ $t('about.culture.item2H2') }}</h3>
<p> <p v-html="$t('about.culture.item2Txt')"></p>
紫荆教育坚持做人言行一致；做事诚实无欺，坚持诚信务实是立企之本、发展之基同时，坚持客户需求导向，开放创新，勇于开拓，不断进取，永远保持对专业的追求和精进。<br />
以结果为导向，既是紫荆教育提供了衡量内聚力的尺度，也是对紫荆学员教育服务的责任要求。
</p>
</div> </div>
<div class="item"> <div class="item">
<h2>理念</h2> <h2>{{ $t('about.culture.item3H1') }}</h2>
<h3>真⼼实意做教育</h3> <h3>{{ $t('about.culture.item3H2') }}</h3>
<p> <p v-html="$t('about.culture.item3Txt')"></p>
紫荆教育不断完善教学教务服务，严格要求每一个环节，真心实意对待每一个学生。<br />
紫荆教育不断增强课程研发、专业师资、技术平台、学术建设等核心能力，以满足院校的教学运营需求，真心实意对待每一所合作院校。<br />
紫荆教育不断加强企业、院校之间的联系，实现科学对接招聘要求，合理进行岗位匹配，最终促进人才资源的合理配置，真心实意对待合作企业。<br />
紫荆教育，是一家真正做教育，给学员、企业、学校提供真正价值的终身教育机构，最终实现学员、院校、企业三方的共同成长。
</p>
</div> </div>
<div class="item"> <div class="item">
<h2>价值观</h2> <h2>{{ $t('about.culture.item4H1') }}</h2>
<h3>诚信务实、开放创新、追求结果</h3> <h3>{{ $t('about.culture.item4H2') }}</h3>
<p> <p v-html="$t('about.culture.item4Txt')"></p>
紫荆教育坚持做人言行一致；做事诚实无欺，坚持诚信务实是立企之本、发展之基同时，坚持客户需求导向，开放创新，勇于开拓，不断进取，永远保持对专业的追求和精进。<br />
以结果为导向，既是紫荆教育提供了衡量内聚力的尺度，也是对紫荆学员教育服务的责任要求。
</p>
</div> </div>
</div> </div>
</div> </div>
...@@ -97,11 +83,12 @@ export default { ...@@ -97,11 +83,12 @@ export default {
} }
h3 { h3 {
margin-bottom: 0.1rem; margin-bottom: 0.1rem;
height: 0.46rem; // height: 0.46rem;
border-bottom: 1px solid #98002e; border-bottom: 1px solid #98002e;
font-size: 0.18rem; font-size: 0.18rem;
font-weight: normal; font-weight: normal;
line-height: 0.46rem; // line-height: 0.46rem;
padding: .1rem 0;
color: #424242; color: #424242;
} }
p { p {
......
pages/about/introduce.vue
浏览文件 @ ae74ef76
...@@ -4,90 +4,69 @@ ...@@ -4,90 +4,69 @@
<img src="https://webapp-pub.ezijing.com/www/h5/images/about_banner_01.png" class="main-banner" /> <img src="https://webapp-pub.ezijing.com/www/h5/images/about_banner_01.png" class="main-banner" />
<div class="main-container"> <div class="main-container">
<div class="main-content"> <div class="main-content">
<h1 class="title">紫荆简介</h1> <h1 class="title">{{ $t('about.project.title') }}</h1>
<p> <p v-html="$t('about.project.text')"></p>
紫荆教育全称是清控紫荆（北京）教育科技股份有限公司，由清华控股有限公司于2015年以清华大学五道口金融学院相关知识产权创设而成。“紫荆”二字取自清华大学校花“紫荆花”，寓意“自强不息，向美而行”。
</p>
<p>
紫荆教育以教育为本、以科技赋能、以专业化为基础，以国际化为目标，提供高端国际学位教育、职业教育和在线教育解决方案，为我国培养高质量的国际化人才和产业人才。
</p>
</div> </div>
<div class="total"> <div class="total">
<ul> <ul>
<li> <li>
<p class="t1"><span>12</span>所</p> <p class="t1"><span>12</span>{{ $t('about.project.unit1') }}</p>
<p class="t2">国际合作院校</p> <p class="t2">{{ $t('about.project.itemText1') }}</p>
</li> </li>
<li> <li>
<p class="t1"><span>522</span>门</p> <p class="t1"><span>522</span>{{ $t('about.project.unit2') }}</p>
<p class="t2">线上课程</p> <p class="t2">{{ $t('about.project.itemText2') }}</p>
</li> </li>
</ul> </ul>
<ul> <ul>
<li> <li>
<p class="t1"><span>600</span>+</p> <p class="t1"><span>600</span>+</p>
<p class="t2">金融机构/协会/政府/学校</p> <p class="t2">{{ $t('about.project.itemText3') }}</p>
</li> </li>
<li> <li>
<p class="t1"><span>700</span>+</p> <p class="t1"><span>700</span>+</p>
<p class="t2">国内外师资团队</p> <p class="t2">{{ $t('about.project.itemText4') }}</p>
</li> </li>
</ul> </ul>
<ul> <ul>
<li> <li>
<p class="t1"><span>5000</span>+</p> <p class="t1"><span>5000</span>+</p>
<p class="t2">学位学员</p> <p class="t2">{{ $t('about.project.itemText7') }}</p>
</li> </li>
<li> <li>
<p class="t1"><span>500万</span>+</p> <p class="t1"><span>500{{ $t('about.project.unit3') }}</span>+</p>
<p class="t2">人次学习</p> <p class="t2">{{ $t('about.project.itemText8') }}</p>
</li> </li>
</ul> </ul>
<ul> <ul>
<li> <li>
<p class="t1"><span>1000</span>+</p> <p class="t1"><span>1000</span>+</p>
<p class="t2">学术直播课</p> <p class="t2">{{ $t('about.project.itemText5') }}</p>
</li> </li>
<li> <li>
<p class="t1"><span>4800</span>+</p> <p class="t1"><span>4800</span>+</p>
<p class="t2">总研发课时</p> <p class="t2">{{ $t('about.project.itemText6') }}</p>
</li> </li>
</ul> </ul>
</div> </div>
<div class="tabs"> <div class="tabs">
<ul class="tab-nav"> <ul class="tab-nav">
<li :class="{ 'is-active': indexActive === 0 }" @click="changeIndex(0)"> <li :class="{ 'is-active': indexActive === 0 }" @click="changeIndex(0)">
<p class="t1">专业化</p> <p class="t1">{{ $t('about.project.tabBtn1Tit') }}</p>
<p class="t2">长期思维&nbsp;&nbsp;严谨治学</p> <p class="t2" v-html="$t('about.project.tabBtn1Txt')"></p>
</li> </li>
<li :class="{ 'is-active': indexActive === 1 }" @click="changeIndex(1)"> <li :class="{ 'is-active': indexActive === 1 }" @click="changeIndex(1)">
<p class="t1">科技化</p> <p class="t1">{{ $t('about.project.tabBtn2Tit') }}</p>
<p class="t2">源自清华&nbsp;&nbsp;持续投入</p> <p class="t2" v-html="$t('about.project.tabBtn2Txt')"></p>
</li> </li>
<li :class="{ 'is-active': indexActive === 2 }" @click="changeIndex(2)"> <li :class="{ 'is-active': indexActive === 2 }" @click="changeIndex(2)">
<p class="t1">国际化</p> <p class="t1">{{ $t('about.project.tabBtn3Tit') }}</p>
<p class="t2">放眼全球&nbsp;&nbsp;国际合作</p> <p class="t2" v-html="$t('about.project.tabBtn3Txt')"></p>
</li> </li>
</ul> </ul>
<div class="tab-content" v-show="indexActive === 0"> <div class="tab-content" v-show="indexActive === 0" v-html="$t('about.project.tabCon1')"></div>
<span>8</span>年深耕教育产业，完善的教学管理体系和内控体系; <br /> <div class="tab-content" v-show="indexActive === 1" v-html="$t('about.project.tabCon2')"></div>
<span>12</span>所国际合作大学，<span>16</span>个国际学位项目，互认学分; <br /> <div class="tab-content" v-show="indexActive === 2" v-html="$t('about.project.tabCon3')"></div>
<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> </div>
</div> </div>
</div> </div>
...@@ -120,7 +99,7 @@ export default { ...@@ -120,7 +99,7 @@ export default {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
height: 0.48rem; // height: 0.48rem;
margin-bottom: 0.2rem; margin-bottom: 0.2rem;
.t1 { .t1 {
font-size: 0.16rem; font-size: 0.16rem;
...@@ -210,10 +189,12 @@ export default { ...@@ -210,10 +189,12 @@ export default {
background: #fff; background: #fff;
box-shadow: 0px 1px 13px rgba(0, 0, 0, 0.06); box-shadow: 0px 1px 13px rgba(0, 0, 0, 0.06);
box-sizing: border-box; box-sizing: border-box;
span { ::v-deep{
font-size: 0.2rem; span {
font-weight: bold; font-size: 0.2rem;
color: #aa1941; font-weight: bold;
color: #aa1941;
}
} }
} }
} }
......
pages/alumnus/index.vue
浏览文件 @ ae74ef76
...@@ -4,24 +4,24 @@ ...@@ -4,24 +4,24 @@
<img src="https://webapp-pub.ezijing.com/www/h5/images/alumnus_banner_01.png" class="main-banner" /> <img src="https://webapp-pub.ezijing.com/www/h5/images/alumnus_banner_01.png" class="main-banner" />
<div class="main-container"> <div class="main-container">
<div class="main-content"> <div class="main-content">
<h1 class="title">校友会简介</h1> <h1 class="title">{{ $t('alumni.contentTit') }}</h1>
<p> <p>
紫荆教育拥有阵容强大、组织活跃、遍布全球的校友网络。截至2020年12月，紫荆校友人数已经超过5000位，校友们通过地区分会、行业协会/俱乐部、班级这个三维立体网络与紫荆紧密相连。同时，通过“i紫荆”在线信息平台，促进校友间的相互学习和交流。 {{ $t('alumni.contentP1') }}
</p> </p>
<p> <p>
至今，在广大校友的热情支持下，紫荆校友会已经先后成立了北京、上海、深圳等地校友分会，并将陆续成立其他省份和海外等多地校友分会。紫荆各地校友分会的成立将有效整合跨界资源的精英网络，为紫荆校友蓄势未来、取得更大成功奠定坚实的基础。 {{ $t('alumni.contentP2') }}
</p> </p>
<p> <p>
紫荆校友会不是简单意义上的校友联谊机构，她是紫荆教学活动的延续，是培养新生代企业家的一个重要环节。紫荆校友会秉持“紫荆花开，向美而行”的美好愿景，倡导培养终身学习的习惯，积极奉献爱心、回馈社会，并保持“健康可持续”的生活方式。在紫荆大家庭里，校友们生活上彼此关心、事业上相互支持、精神上相互激励，结交真心朋友、分享精彩人生。 {{ $t('alumni.contentP3') }}
</p> </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_01.png" />
<img src="https://webapp-pub.ezijing.com/www/h5/images/alumnus_02.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"> <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" /> <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> </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 = () => ({ export const state = () => ({
searchVisible: false, searchVisible: false,
menuVisible: false menuVisible: false,
locales: ['zh-CN', 'en-US'],
locale: 'zh-CN'
}) })
export const mutations = { export const mutations = {
...@@ -9,5 +11,19 @@ export const mutations = { ...@@ -9,5 +11,19 @@ export const mutations = {
}, },
toggleMenu(state, visible) { toggleMenu(state, visible) {
state.menuVisible = 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 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论