Skip to content

P
project-www-h5
提交 13a12c45 authored 作者: pengxiaohui's avatar pengxiaohui
浏览文件
操作

增加玛丽伍德链接

上级 5de4020e
隐藏空白字符变更
内嵌 并排
正在显示 包含 791 行增加 和 116 行删除
components/Menu.vue
浏览文件 @ 13a12c45
......@@ -30,52 +30,81 @@ export default {
{ name: this.$t('menu.aboutChild.contact'), path: '/about/contact' }
]
},
// {
// name: this.$t('menu.services'),
// children: [
// {
// name: this.$t('menu.servicesChild.cert'),
// children: [
// { name: this.$t('menu.servicesChild.career'), path: '/services/job' },
// { name: this.$t('menu.servicesChild.program'), path: '/services/major' },
// { name: this.$t('menu.servicesChild.x'), href: 'https://x.ezijing.com' }
// // { name: '数字金融客户服务证书', onClick: this.showTips },
// // { name: '酒店及旅游业的数字化营销证书', onClick: this.showTips },
// // { name: '青少年儿童心理以及行为指导证书', onClick: this.showTips }
// ]
// },
// {
// name: this.$t('menu.servicesChild.college'),
// children: [
// { name: this.$t('menu.servicesChild.collegeChild.college'), path: '/services/college' },
// { name: this.$t('menu.servicesChild.highLevel'), path: '/services/employment' },
// { name: this.$t('menu.servicesChild.collegeChild.saas'), href: 'https://x-learning.ezijing.com' }
// ]
// },
// {
// name: this.$t('menu.servicesChild.online'),
// children: [
// { name: this.$t('menu.servicesChild.onlineChild.core'), path: '/services/solution' },
// { name: this.$t('menu.servicesChild.onlineChild.prp'), href: 'https://prp.ezijing.com/' }
// // { name: this.$t('menu.servicesChild.onlineChild.joint'), onClick: this.showTips }
// ]
// }
// ]
// },
{
name: this.$t('menu.services'),
name: this.$t('menu.industrialCollege'),
children: [
{
name: this.$t('menu.servicesChild.cert'),
children: [
{ name: this.$t('menu.servicesChild.career'), path: '/services/job' },
{ name: this.$t('menu.servicesChild.program'), path: '/services/major' },
{ name: this.$t('menu.servicesChild.x'), href: 'https://x.ezijing.com' }
// { name: '数字金融客户服务证书', onClick: this.showTips },
// { name: '酒店及旅游业的数字化营销证书', onClick: this.showTips },
// { name: '青少年儿童心理以及行为指导证书', onClick: this.showTips }
]
name: this.$t('menu.industrialCollegeChild.corePower'),
path: '/services/college'
},
{
name: this.$t('menu.servicesChild.college'),
children: [
{ name: this.$t('menu.servicesChild.collegeChild.college'), path: '/services/college' },
{ name: this.$t('menu.servicesChild.highLevel'), path: '/services/employment' },
{ name: this.$t('menu.servicesChild.collegeChild.saas'), href: 'https://x-learning.ezijing.com' }
]
name: this.$t('menu.industrialCollegeChild.program'),
path: '/services/major'
},
{
name: this.$t('menu.servicesChild.online'),
children: [
{ name: this.$t('menu.servicesChild.onlineChild.core'), path: '/services/solution' },
{ name: this.$t('menu.servicesChild.onlineChild.prp'), href: 'https://prp.ezijing.com/' }
// { name: this.$t('menu.servicesChild.onlineChild.joint'), onClick: this.showTips }
]
name: this.$t('menu.industrialCollegeChild.saas'),
href: 'https://x-learning.ezijing.com'
},
{
name: this.$t('menu.industrialCollegeChild.internship'),
path: '/services/employment'
},
{
name: this.$t('menu.industrialCollegeChild.x'),
href: 'https://x.ezijing.com'
},
{
name: this.$t('menu.industrialCollegeChild.cert'),
path: '/services/job'
}
]
},
{
name: this.$t('menu.degree'),
children: [
{
name: this.$t('menu.degreeChild.bachelor'),
children: [{ name: this.$t('menu.degreeChild.bachelorChild.shms'), onClick: this.showTips }]
},
// {
// name: this.$t('menu.degreeChild.bachelor'),
// children: [{ name: this.$t('menu.degreeChild.bachelorChild.shms'), onClick: this.showTips }]
// },
{
name: this.$t('menu.degreeChild.master'),
children: [
{ 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.masterChild.studyAbroadMaster'), href: 'https://marywood-plus.ezijing.com' },
]
},
{
......@@ -91,11 +120,25 @@ export default {
name: this.$t('menu.degreeChild.doctor'),
children: [
// { name: this.$t('menu.degreeChild.doctorChild.dba'), onClick: this.showTips },
{ name: this.$t('menu.degreeChild.doctorChild.edd'), onClick: this.showTips }
{ name: this.$t('menu.degreeChild.doctorChild.edd'), onClick: this.showTips },
{ name: this.$t('menu.degreeChild.doctorChild.studyAbroad'), onClick: this.showTips }
]
}
]
},
{
name: this.$t('menu.onlineEdu'),
children: [
{
name: this.$t('menu.onlineEduChild.service'),
path: '/services/solution'
},
{
name: this.$t('menu.onlineEduChild.prp'),
href: 'https://prp.ezijing.com/'
}
]
},
{
name: this.$t('menu.alumni'),
children: [
......
components/home/Degree.vue
浏览文件 @ 13a12c45
......@@ -34,17 +34,17 @@ export default {
return {
indexActive: 1,
data: [
{
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: this.$t('home.degree.shms'),
onClick: this.showTips
}
]
},
// {
// 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: this.$t('home.degree.shms'),
// onClick: this.showTips
// }
// ]
// },
{
name: this.$t('home.degree.tabBtn2'),
content: [
......@@ -66,11 +66,17 @@ export default {
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: this.$t('home.degree.plan'),
// href: 'https://cfflp.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: this.$t('home.degree.plan'),
href: 'https://cfflp.ezijing.com'
icon: 'https://webapp-pub.ezijing.com/www/pc/home/degree_03.png',
iconActive: 'https://webapp-pub.ezijing.com/www/pc/home/degree_03_on.png',
text: this.$t('home.degree.studyAbroadMaster'),
href: 'https://marywood-plus.ezijing.com/'
}
]
},
......@@ -117,6 +123,12 @@ export default {
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/526bebd1d9279c19895c5c4f1a3cfcce.png',
text: this.$t('home.degree.edd'),
onClick: this.showTips
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/home/degree_01.png',
iconActive: 'https://webapp-pub.ezijing.com/www/pc/home/degree_01_on.png',
text: this.$t('home.degree.studyAbroad'),
path: ''
}
]
}
......
components/home/IndustrialCollege.vue 0 → 100644
浏览文件 @ 13a12c45
<template>
<div class="service">
<div class="service-hd">{{ $t('home.college.title') }}</div>
<ul class="service-bd">
<li v-for="(item, index) in data" :key="index">
<app-link :item="item">
<img :src="item.icon" class="icon" />
<div class="text" v-html="item.text"></div>
</app-link>
</li>
</ul>
</div>
</template>
<script>
import AppLink from '@/components/Link'
export default {
components: { AppLink },
data() {
return {
data: [
{
icon: 'https://webapp-pub.ezijing.com/www/pc/home/01.png',
text: this.$t('home.college.corePower'),
path: '/services/college'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/home/02.png',
text: this.$t('home.college.program'),
path: '/services/major'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/home/03.png',
text: this.$t('home.college.saas'),
href: 'https://x-learning.ezijing.com'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/home/04.png',
text: this.$t('home.college.internship'),
path: '/services/employment'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/home/05.png',
text: this.$t('home.college.x'),
href: 'https://x.ezijing.com'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/home/06.png',
text: this.$t('home.college.cert'),
path: '/services/job'
}
]
}
},
methods: {
showTips() {
this.$notify({ type: 'primary', message: '暂未开通，尽请期待' })
}
}
}
</script>
<style lang="scss" scoped>
.service {
margin: 0.2rem 0.16rem;
}
.service-hd {
padding-bottom: 0.1rem;
font-size: 0.12rem;
font-weight: bold;
line-height: 1;
}
.service-bd {
display: flex;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
li {
min-width: 0.78rem;
height: 1.1rem;
background: #fff;
cursor: pointer;
img {
display: block;
width: 0.45rem;
height: 0.45rem;
margin: 0.17rem auto 0;
}
.text {
margin-top: 0.07rem;
font-size: 0.1rem;
color: #666;
text-align: center;
}
}
li + li {
margin-left: 0.1rem;
}
}
</style>
components/home/OnlineEdu.vue 0 → 100644
浏览文件 @ 13a12c45
<template>
<div class="service">
<div class="service-hd">{{ $t('home.onlineEdu.title') }}</div>
<ul class="service-bd">
<li v-for="(item, index) in data" :key="index">
<app-link :item="item">
<img :src="item.icon" class="icon" />
<div class="text" v-html="item.text"></div>
</app-link>
</li>
</ul>
</div>
</template>
<script>
import AppLink from '@/components/Link'
export default {
components: { AppLink },
data() {
return {
data: [
{
icon: 'https://webapp-pub.ezijing.com/www/pc/home/onlineEdu_01.png',
text: this.$t('home.onlineEdu.service'),
path: '/services/solution'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/home/onlineEdu_02.png',
text: this.$t('home.onlineEdu.prp'),
href: 'https://prp.ezijing.com/'
}
]
}
},
methods: {
showTips() {
this.$notify({ type: 'primary', message: '暂未开通，尽请期待' })
}
}
}
</script>
<style lang="scss" scoped>
.service {
margin: 0.2rem 0.16rem;
}
.service-hd {
padding-bottom: 0.1rem;
font-size: 0.12rem;
font-weight: bold;
line-height: 1;
}
.service-bd {
display: flex;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
li {
min-width: 0.78rem;
height: 1.1rem;
background: #fff;
cursor: pointer;
img {
display: block;
width: 0.45rem;
height: 0.45rem;
margin: 0.17rem auto 0;
}
.text {
margin-top: 0.07rem;
font-size: 0.1rem;
color: #666;
text-align: center;
}
}
li + li {
margin-left: 0.1rem;
}
}
</style>
components/home/Publish.vue
浏览文件 @ 13a12c45
......@@ -10,20 +10,50 @@
</van-swipe-item>
</template>
</van-swipe>
<text-swiper v-if="isShowSwiper" :listData="list" @slideTo="handleSlideTo" />
</card>
</template>
<script>
import Card from '@/components/Card'
import NewLink from '@/components/NewLink'
import TextSwiper from './TextSwiper'
export default {
components: { Card, NewLink },
components: { Card, NewLink, TextSwiper },
data() {
return { list: [] }
return {
list: [],
swiperOption: {
speed: 400,
autoplay: false,
delay: 3000,
loop: false,
// pagination: {
// el: '.swiper-pagination',
// clickable: true
// },
// direction: 'vertical',
height: 500
// autoHeight: true
},
isShowSwiper: false
}
},
async fetch() {
const params = { project_id: process.env.projectId, type_tag: 'img_text_school' }
this.list = await this.$axios.get('/api/cms/api/v1/articles', { params }).then(res => res.data.data)
this.list = await this.$axios.get('/api/cms/api/v1/articles', { params }).then(res => {
this.isShowSwiper = false
setTimeout(() => {
this.isShowSwiper = true
},300)
return res.data.data
})
},
mounted() {
this.isShowSwiper = false
setTimeout(() => {
this.isShowSwiper = true
},300)
}
}
</script>
......
components/home/TextSwiper.vue 0 → 100644
浏览文件 @ 13a12c45
<template>
<div class="title-swiper">
<div v-swiper:secondSwiper="swiperOption1" ref="mySwiper1" @click="handleClick">
<div class="swiper-wrapper">
<div class="swiper-slide swiper-no-swiping" v-for="(item, index) in listData" :key="index">
{{item.title}}
</div>
</div>
</div>
<div class="swiper-btn swiper-button-prev" @click="handleBtnClick">
<!-- <img src="https://webapp-pub.ezijing.com/www/pc/swipe-prev-btn.png"> -->
</div>
<div class="swiper-btn swiper-button-next" @click="handleBtnClick">
<!-- <img src="https://webapp-pub.ezijing.com/www/pc/swipe-next-btn.png"> -->
</div>
</div>
</template>
<script>
export default {
props: {
listData: {
type: Array,
default() {
return []
}
}
},
data() {
return {
swiperOption1: {
observer: true,
observeParents: true,
speed: 400,
autoplay: false,
delay: 3000,
loop: true,
slidesPerView: 'auto',
centeredSlides: true,
spaceBetween: 0,
disableOnInteraction: false,
on:{
init: function(){
// that.isShowSwiper = true
}
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
}
},
isEn: false
}
},
mounted() {
this.isEn = this.$cookies.get('lang') === 'en-US'
},
methods: {
handleClick(e) {
const index = e.target.dataset.swiperSlideIndex
this.$refs.mySwiper1.swiper.slideTo(index % 5 + 5)
this.$emit('slideTo', index)
},
handleBtnClick() {
setTimeout(() => {
this.$emit('slideTo', this.$refs.mySwiper1.swiper.realIndex)
}, 100)
}
}
}
</script>
<style lang="scss" scoped>
.title-swiper{
padding: 0 25px;
margin-top:5px;
position:relative;
// overflow: auto;
// width: 100%;
.swiper-slide{
position: relative;
width: 266px;
height: 44px;
padding:0 20px;
margin:7px 0;
line-height:22px;
font-size:16px;
cursor: pointer;
user-select:none;
border-right:1px solid #a81840;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.swiper-slide-active, .swiper-slide:hover{
color:#a81840;
}
.swiper-btn{
width:20px;
height:35px;
position:absolute;
left:-5px;
top:0;
// top:10px;
// transform:translateY(-50%);
margin-top:0.11rem;
z-index:2;
user-select:none;
cursor:pointer;
::after{
font-size:22px;
}
img{
width:100%;
height:100%;
display:block;
}
}
.swiper-btn::after{
font-size:32px;
color:#ccc;
font-weight:bold;
}
.swiper-button-next{
left:unset;
right: -5px;
}
}
</style>
\ No newline at end of file
langs/zh-CN.js
浏览文件 @ 13a12c45
export default {
menu: {
about: '关于紫荆',
services: '教育服务',
degree: '学位教育',
// services: '教育服务',
industrialCollege: '数字经济产业学院',
degree: '国际教育',
onlineEdu: '在线教育解决方案',
alumni: '校友会',
apply: '我要报名',
aboutChild: {
......@@ -13,28 +15,36 @@ export default {
openLesson: '公开课',
contact: '联系我们'
},
servicesChild: {
cert: '岗课赛证',
x: '1+X',
// servicesChild: {
// cert: '岗课赛证',
// x: '1+X',
// program: '专业共建',
// college: '产业学院',
// career: '新职业',
// highLevel: '高质量实习就业服务',
// online: '在线教育解决方案',
// xChild: {
// products: '金融产品数字化营销证书'
// },
// onlineChild: {
// design: '产品技术（即将推出）',
// support: '技术支持（即将推出）',
// joint: '联合运营（即将推出）',
// core: '核心能力概括',
// prp: '联合运营案例-私人财富风险管理顾问（PRP）'
// },
// collegeChild: {
// college: '现代产业学院',
// saas: '紫荆云平台-SAAS教学平台'
// }
// },
industrialCollegeChild: {
corePower: '核心能力',
program: '专业共建',
college: '产业学院',
career: '新职业',
highLevel: '高质量实习就业服务',
online: '在线教育解决方案',
xChild: {
products: '金融产品数字化营销证书'
},
onlineChild: {
design: '产品技术（即将推出）',
support: '技术支持（即将推出）',
joint: '联合运营（即将推出）',
core: '核心能力概括',
prp: '联合运营案例-私人财富风险管理顾问（PRP）'
},
collegeChild: {
college: '现代产业学院',
saas: '紫荆云平台-SAAS教学平台'
}
saas: 'SAAS平台',
internship: '实习就业',
x: '1+X',
cert: '职业证书'
},
degreeChild: {
bachelor: '本科',
......@@ -48,7 +58,8 @@ export default {
msf: '金融硕士MSF',
med: '教育学硕士MED（儿童心理与教育）',
map: '应用心理学MAP',
paln: '未来金融领袖计划'
// paln: '未来金融领袖计划'
studyAbroadMaster: '国际硕士1+1'
},
mbaChild: {
mba: '数字领导力方向MBA',
......@@ -57,10 +68,14 @@ export default {
caas: '餐饮管理方向MBA'
},
doctorChild: {
dba: '心理学博士DBA（即将推出）',
edd: '工商管理学博士DBA（即将推出）'
edd: '工商管理学博士EDD（即将推出）',
studyAbroad: '海外留学2+1（即将推出）'
}
},
onlineEduChild: {
service: '业务服务模块',
prp: '私人财富风险管理顾问（PRP）'
},
alumniChild: {
alumni: '校友会',
alumniZijinghua: '紫荆花计划',
......@@ -68,9 +83,18 @@ export default {
}
},
home: {
college: {
title: '数字经济产业学院',
corePower: '核心能力',
program: '专业共建',
saas: 'SAAS平台',
internship: '实习就业',
x: '1+X',
cert: '职业证书'
},
degree: {
title: '国际学位教育',
tabBtn1: '本科',
// tabBtn1: '本科',
tabBtn2: '硕士',
tabBtn3: 'MBA',
tabBtn4: '博士',
......@@ -78,23 +102,30 @@ export default {
msf: '金融硕士<br />MSF',
med: '教育学硕士MED<br />（儿童心理与教育）',
map: '应用心理学<br />硕士MAP',
plan: '未来金融<br />领袖计划',
// plan: '未来金融<br />领袖计划',
studyAbroadMaster: '国际硕士<br/> 1+1',
mba: '数字领导力方向MBA',
finance: '金融方向MBA',
international: '酒店和旅游<br/>方向MBA',
dba: '心理学博士<br/>（即将推出）',
// dba: '心理学博士<br/>（即将推出）',
edd: '工商管理学博士<br/>（即将推出）',
studyAbroad: '海外留学2+1<br/>（即将推出）',
caas: '餐饮管理方向MBA'
},
service: {
x: '1+x',
program: '专业(群)建设',
college: '产业学院',
high: '实习就业',
online: '在线教育<br />解决方案',
career: '新职业',
more: 'more'
onlineEdu: {
title: '在线教育解决方案',
service: '业务服务模块',
prp: '私人财富风险<br>管理顾问(PRP)'
},
// service: {
// x: '1+x',
// program: '专业(群)建设',
// college: '产业学院',
// high: '实习就业',
// online: '在线教育<br />解决方案',
// career: '新职业',
// more: 'more'
// },
bulletin: {
title: '项目公告'
},
......
pages/index.vue
浏览文件 @ 13a12c45
<template>
<div class="home">
<banner />
<!-- 产业学院 -->
<industrial-college/>
<degree />
<service />
<!-- 在线教育 -->
<online-edu/>
<!-- <service /> -->
<post />
<case />
<publish />
<story />
<class />
<case />
</div>
</template>
......@@ -21,11 +26,13 @@ import Publish from '@/components/home/Publish'
import Story from '@/components/home/Story'
import Class from '@/components/home/Class'
import Case from '@/components/home/Case'
import IndustrialCollege from '../components/home/IndustrialCollege'
import OnlineEdu from '../components/home/OnlineEdu'
// api
import * as api from '@/api'
export default {
layout: 'default',
components: { Banner, Degree, Service, Post, Publish, Story, Class, Case },
components: { Banner, Degree, Service, Post, Publish, Story, Class, Case, IndustrialCollege, OnlineEdu },
data() {
return {}
}
......
pages/services/college.vue
浏览文件 @ 13a12c45
......@@ -5,39 +5,29 @@
<div class="module-1">
<img src="https://webapp-pub.ezijing.com/www/h5/images/college-img1-1.png" />
<div class="width-con">
<img
<!-- <img
style="margin: 0.26rem 0 0.07rem"
src="https://webapp-pub.ezijing.com/www/h5/images/college-img1-2.png"
/>
<img src="https://webapp-pub.ezijing.com/www/h5/images/college-img1-3.png" />
<img src="https://webapp-pub.ezijing.com/www/h5/images/college-img1-4.png" />
<img
style="width: 1.82rem; margin: 0.27rem 0 0.15rem"
src="https://webapp-pub.ezijing.com/www/h5/images/college-text.png"
alt=""
/>
<div class="layout-con">
<div class="lay-con__left">
<div class="lay-l__top">
<img src="https://webapp-pub.ezijing.com/www/h5/images/college-i1.png" />
<img class="img-text" src="https://webapp-pub.ezijing.com/www/h5/images/college-i1-t1.png" />
</div>
<div class="lay-l__bottom">
<img src="https://webapp-pub.ezijing.com/www/h5/images/college-i2.png" />
<img class="img-text" src="https://webapp-pub.ezijing.com/www/h5/images/college-i2-t2.png" />
</div>
</div>
<div class="lay-con__right">
<img src="https://webapp-pub.ezijing.com/www/h5/images/college-i3.png" />
<img class="img-text" src="https://webapp-pub.ezijing.com/www/h5/images/college-i3-t3.png" />
</div>
</div>
/> -->
<p style="margin:0.16rem 0;">在数字经济快速发展，产业化、实践性人才能力亟需升级的大背景下，清控紫荆教育响应国家战略，调研300+数字经济机构，了解人才培养痛点、梳理数字化时代人才的能力模型；开展100+场次的行业专家、高职本科学科带头人、重点本科学者的科研碰撞；分析近三年的数字经济产业的招聘岗位，针对超过180万+岗位从业岗位进行分析；走访200+院校，对比分析数字经济相关专业的人才培养方案。总结出数字经济时代下人才需求十大能力。</p>
<p style="font-size: 18px;font-weight: 400;color: #A81840;margin-bottom:12px">
数字经济人才需求-能力模型
</p>
<img
style="margin: 0.15rem 0 0.17rem"
src="https://webapp-pub.ezijing.com/www/h5/images/college-img1-5.png"
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/services/college/power_02.png'
: ' https://webapp-pub.ezijing.com/www/pc/services/college/power_02.png'
"
/>
<img src="https://webapp-pub.ezijing.com/www/h5/images/college-img1-6.png" />
<img style="margin: 0.3rem 0 0.4rem" src="https://webapp-pub.ezijing.com/www/h5/images/college-img1-7.png" />
<p style="font-size: 18px;font-weight: 400;color: #000000;margin:0.15rem 0;">
数字经济产业学院共建目标
</p>
<p style="font-size: 0.14rem;font-weight: 400;color: #555;margin-bottom:20px">
依托清控紫荆教育长期所积累的专业化研发能力，科技研发能力以及国际化能力，我们对共建数字经济产业学院提出了“五个一流”的建设目标，力争和全国各类院校一起，从实际情况出发培养产业所急需的初、中、高等各级别专业化岗位人才。
</p>
<img style="margin-bottom:0;" src="https://webapp-pub.ezijing.com/www/pc/services/college/power_01.png" alt="" />
</div>
</div>
</template>
......@@ -76,7 +66,7 @@ export default {
components: { tabs, collegeItem },
data() {
return {
navList: ['现代产业学院', '数字金融', '国际品牌管理与数字运营'],
navList: ['核心能力', '服务项目', '服务案例'],
showModule: 0,
m2Data: {
list: [
......
pages/services/college_old.vue 0 → 100644
浏览文件 @ 13a12c45
<template>
<div>
<tabs :list="navList" @tabChange="tabChange"></tabs>
<template v-if="showModule === 0">
<div class="module-1">
<img src="https://webapp-pub.ezijing.com/www/h5/images/college-img1-1.png" />
<div class="width-con">
<img
style="margin: 0.26rem 0 0.07rem"
src="https://webapp-pub.ezijing.com/www/h5/images/college-img1-2.png"
/>
<img src="https://webapp-pub.ezijing.com/www/h5/images/college-img1-3.png" />
<img src="https://webapp-pub.ezijing.com/www/h5/images/college-img1-4.png" />
<img
style="width: 1.82rem; margin: 0.27rem 0 0.15rem"
src="https://webapp-pub.ezijing.com/www/h5/images/college-text.png"
alt=""
/>
<div class="layout-con">
<div class="lay-con__left">
<div class="lay-l__top">
<img src="https://webapp-pub.ezijing.com/www/h5/images/college-i1.png" />
<img class="img-text" src="https://webapp-pub.ezijing.com/www/h5/images/college-i1-t1.png" />
</div>
<div class="lay-l__bottom">
<img src="https://webapp-pub.ezijing.com/www/h5/images/college-i2.png" />
<img class="img-text" src="https://webapp-pub.ezijing.com/www/h5/images/college-i2-t2.png" />
</div>
</div>
<div class="lay-con__right">
<img src="https://webapp-pub.ezijing.com/www/h5/images/college-i3.png" />
<img class="img-text" src="https://webapp-pub.ezijing.com/www/h5/images/college-i3-t3.png" />
</div>
</div>
<img
style="margin: 0.15rem 0 0.17rem"
src="https://webapp-pub.ezijing.com/www/h5/images/college-img1-5.png"
/>
<img src="https://webapp-pub.ezijing.com/www/h5/images/college-img1-6.png" />
<img style="margin: 0.3rem 0 0.4rem" src="https://webapp-pub.ezijing.com/www/h5/images/college-img1-7.png" />
</div>
</div>
</template>
<template v-if="showModule === 1">
<div class="module-2">
<img src="https://webapp-pub.ezijing.com/www/h5/images/college-img2-1.png" />
<div class="width-con">
<img
style="margin: 0.31rem 0 0.24rem"
src="https://webapp-pub.ezijing.com/www/h5/images/college-img2-2.png"
/>
<img src="https://webapp-pub.ezijing.com/www/h5/images/college-img2-3.png" />
<div class="title">目标岗位群</div>
<college-item :data="m2Data" />
</div>
</div>
</template>
<template v-if="showModule === 2">
<div class="module-3">
<img src="https://webapp-pub.ezijing.com/www/h5/images/college-img3-1.png" />
<div class="width-con">
<img src="https://webapp-pub.ezijing.com/www/h5/images/college-img3-2.png" />
<img style="margin-top: 0.1rem" src="https://webapp-pub.ezijing.com/www/h5/images/college-img3-3.png" />
<div class="title">目标岗位群</div>
<college-item :data="m3Data1" />
<college-item :data="m3Data2" style="margin: 0.1rem 0 0.2rem" />
</div>
</div>
</template>
</div>
</template>
<script>
import collegeItem from './components/collegeItem'
import tabs from './components/tab'
export default {
components: { tabs, collegeItem },
data() {
return {
navList: ['现代产业学院', '数字金融', '国际品牌管理与数字运营'],
showModule: 0,
m2Data: {
list: [
{
img: 'https://webapp-pub.ezijing.com/www/h5/images/college-img2-l1.png',
text: '数字化营销'
},
{
img: 'https://webapp-pub.ezijing.com/www/h5/images/college-img2-l2.png',
text: '数字化运营'
},
{
img: 'https://webapp-pub.ezijing.com/www/h5/images/college-img2-l3.png',
text: '智能投顾'
},
{
img: 'https://webapp-pub.ezijing.com/www/h5/images/college-img2-l4.png',
text: '风险管理'
},
{
img: 'https://webapp-pub.ezijing.com/www/h5/images/college-img2-l5.png',
text: '金融数据分析'
},
{
img: 'https://webapp-pub.ezijing.com/www/h5/images/college-img2-l6.png',
text: '财务会计'
},
{
img: 'https://webapp-pub.ezijing.com/www/h5/images/college-img2-l7.png',
text: '金融建模'
},
{
img: 'https://webapp-pub.ezijing.com/www/h5/images/college-img2-l8.png',
text: '投资分析'
}
]
},
m3Data1: {
list: [
{
img: 'https://webapp-pub.ezijing.com/www/h5/images/college-img1-i1n.png'
},
{
img: 'https://webapp-pub.ezijing.com/www/h5/images/college-img3-i2.png',
text: '文案策划'
},
{
img: 'https://webapp-pub.ezijing.com/www/h5/images/college-img3-i3.png',
text: '营销策划'
},
{
img: 'https://webapp-pub.ezijing.com/www/h5/images/college-img3-i4.png',
text: '渠道管理'
},
{
img: 'https://webapp-pub.ezijing.com/www/h5/images/college-img3-i5.png',
text: '广告策划'
},
{
img: 'https://webapp-pub.ezijing.com/www/h5/images/college-img3-i6.png',
text: '媒体公共'
},
{
img: 'https://webapp-pub.ezijing.com/www/h5/images/college-img3-i7.png',
text: '品牌管理运营'
},
{
img: 'https://webapp-pub.ezijing.com/www/h5/images/college-img3-i8.png',
text: '产品设计'
}
]
},
m3Data2: {
height: '.98rem',
list: [
{
img: 'https://webapp-pub.ezijing.com/www/h5/images/college-img1-i2n.png'
},
{
img: 'https://webapp-pub.ezijing.com/www/h5/images/college-img3-i8.png',
text: '互联网运营'
},
{
img: 'https://webapp-pub.ezijing.com/www/h5/images/college-img3-i9.png',
text: '网站运营'
},
{
img: 'https://webapp-pub.ezijing.com/www/h5/images/college-img3-i10.png',
text: '电商运营'
},
{
img: 'https://webapp-pub.ezijing.com/www/h5/images/college-img3-i11.png',
text: '新媒体运营'
},
{
img: 'https://webapp-pub.ezijing.com/www/h5/images/college-img3-i12.png',
text: '活动策划运营'
}
]
}
}
},
methods: {
tabChange(index) {
this.showModule = index
}
}
}
</script>
<style lang="scss" scoped>
img {
width: 100%;
display: block;
}
.width-con {
padding: 0 0.17rem;
}
.module-1 {
.layout-con {
display: flex;
.lay-con__left {
width: 1.25rem;
margin-right: 0.03rem;
.lay-l__top {
height: 0.73rem;
position: relative;
margin-bottom: 0.03rem;
.img-text {
width: 0.85rem;
position: absolute;
bottom: 0.08rem;
left: 0.07rem;
}
}
.lay-l__bottom {
height: 0.73rem;
position: relative;
.img-text {
width: 0.6rem;
position: absolute;
bottom: 0.04rem;
left: 0.07rem;
}
}
}
.lay-con__right {
position: relative;
width: 2.15rem;
height: 1.48rem;
.img-text {
width: 1rem;
position: absolute;
bottom: 0.08rem;
left: 0.11rem;
}
}
}
}
.module-2 {
.title {
margin: 0.32rem 0 0.06rem;
font-size: 0.14rem;
line-height: 100%;
color: #424242;
}
}
.module-3 {
.title {
font-size: 0.14rem;
color: #424242;
line-height: 100%;
margin: 0.3rem 0 0.1rem;
}
}
</style>
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论