Skip to content

P
project-www-pc
提交 043dcc63 authored 作者: 王鹏飞's avatar 王鹏飞
浏览文件
操作

chore: update

上级 41b4d3b8
隐藏空白字符变更
内嵌 并排
正在显示 包含 2840 行增加 和 1130 行删除
components/Foot.vue
浏览文件 @ 043dcc63
......@@ -23,14 +23,14 @@
<div class="right-content">
<img src="https://webapp-pub.ezijing.com/project/marywood/ezijing-code.jpg" class="code" />
<div class="tips-txt">
<img src="https://zws-imgs-pub.ezijing.com/static/public/184235d9f6edbb39d52fc6f77339ff5b.png" alt="" />
<img src="https://zws-imgs-pub.ezijing.com/static/public/184235d9f6edbb39d52fc6f77339ff5b.png" />
<div class="txt">{{ $t('foot.weChat') }}</div>
</div>
</div>
<div class="right-content">
<img src="https://webapp-pub.ezijing.com/project/marywood/ezijing_xet_x.png" alt="" class="code" />
<img src="https://webapp-pub.ezijing.com/project/marywood/ezijing_xet_x.png" class="code" />
<div class="tips-txt">
<img src="https://webapp-pub.ezijing.com/www/pc/icon_gongkaike.png" alt="" />
<img src="https://webapp-pub.ezijing.com/www/pc/icon_gongkaike.png" />
<div class="txt">{{ $t('foot.ezjClass') }}</div>
</div>
</div>
......@@ -46,15 +46,7 @@
: `Copyright © 2017 Zijing Education. All rights reserved. 清控紫荆（北京）教育科技股份有限公司`
}}
</p>
<a
target="_blank"
href="https://tsm.miit.gov.cn/dxxzsp/"
style="
color: rgba(153, 153, 153, 1);
text-decoration: none;
margin-left: 10px;
"
>
<a target="_blank" href="https://tsm.miit.gov.cn/dxxzsp/" style="color: rgba(153, 153, 153, 1); text-decoration: none; margin-left: 10px">
<p>
{{ $cookies.get('lang') == 'en-US' ? 'Beijing ICP Certificate No.: 150431 ' : '京ICP证150431号' }}
</p>
......@@ -63,28 +55,13 @@
target="_blank"
class="record"
href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802023681"
style="
color: rgba(153, 153, 153, 1);
text-decoration: none;
align-items: center;
display: flex;
margin-right: 5px;
"
>
<img
src="https://zws-imgs-pub.ezijing.com/e0a0ec47dfdfc1e0797b1d5254021d00.png"
alt=""
style="width: 20px; height: 20px; margin: 0 6px; display: block"
/>
style="color: rgba(153, 153, 153, 1); text-decoration: none; align-items: center; display: flex; margin-right: 5px">
<img src="https://zws-imgs-pub.ezijing.com/e0a0ec47dfdfc1e0797b1d5254021d00.png" style="width: 20px; height: 20px; margin: 0 6px; display: block" />
<p>
{{ $cookies.get('lang') == 'en-US' ? `Beijing ICP Filing No.: 15016866-1` : '安备 11010802023681号' }}
</p>
</a>
<a
target="_blank"
href="https://beian.miit.gov.cn/#/Integrated/index"
style="color: rgba(153, 153, 153, 1); text-decoration: none"
>
<a target="_blank" href="https://beian.miit.gov.cn/#/Integrated/index" style="color: rgba(153, 153, 153, 1); text-decoration: none">
<p>
{{ $cookies.get('lang') == 'en-US' ? icpNumberEn : icpNumber }}
</p>
......
components/Head.vue
浏览文件 @ 043dcc63
......@@ -119,7 +119,7 @@ export default {
},
{
name: '产教融合',
path: '/about/introduce',
path: '/digital',
childern: [
{
name: '院校',
......@@ -127,21 +127,21 @@ export default {
childern: [
{
name: '数字技能实训中心',
path: 'https://kelley.ezijing.com'
path: '/digital/yx_1'
},
{
name: '国际数字人才现代产业学院',
path: 'https://kelley.ezijing.com'
path: '/digital/yx_2'
},
{
name: '专业数字化改造和提升',
path: 'https://kelley.ezijing.com'
path: '/digital/yx_3'
}
]
},
{
name: '政府',
path: 'https://kelley.ezijing.com'
path: '/digital/zf_1'
},
{
name: '企业',
......@@ -149,18 +149,17 @@ export default {
childern: [
{
name: '全球数字领导力学者博士项目',
path: 'https://kelley.ezijing.com',
path: 'https://dld.ezijing.com',
pathType: 1
},
{
name: '数字时代领航人才EMBA项目',
path: 'https://kelley.ezijing.com',
path: 'https://marywood.ezijing.com',
pathType: 1
},
{
name: '企业人才定制化服务',
path: 'https://kelley.ezijing.com',
pathType: 1
path: 'digital/qy_1'
}
]
}
......
components/Link.vue
浏览文件 @ 043dcc63
......@@ -20,7 +20,7 @@ export default {
},
computed: {
href() {
return this.data.href || this.data.uri
return this.data.href || this.data.uri || (this.to.includes('http') ? this.to : '')
},
path() {
if (typeof this.to === 'function') {
......
components/home/degreeEducation.vue
浏览文件 @ 043dcc63
......@@ -3,20 +3,15 @@
<div class="title">{{ $t('home.degree.title') }}</div>
<div class="nav-content">
<ul class="tab-left">
<li
@mouseover="changeIndex(index)"
:class="indexActive === index && 'active'"
v-for="(item, index) in data"
:key="index"
>
<li @mouseover="changeIndex(index)" :class="indexActive === index && 'active'" v-for="(item, index) in data" :key="index">
{{ item.name }}
</li>
</ul>
<template v-for="(item, index) in data">
<ul class="tab-right" :key="index" v-if="indexActive === index">
<li :key="cIndex + 'c'" v-for="(cItem, cIndex) in item.content" @click="goPage(cItem.path)">
<img :src="cItem.icon" alt="" class="icon" />
<img :src="cItem.iconActive" alt="" class="icon2" />
<img :src="cItem.icon" class="icon" />
<img :src="cItem.iconActive" class="icon2" />
<div class="text" v-html="cItem.text"></div>
</li>
</ul>
......
components/home/digital.vue
浏览文件 @ 043dcc63
......@@ -9,7 +9,8 @@
<ul>
<li class="item" v-for="item in item.children" :key="item.title" :style="item.style">
<AppLink :to="item.path">
<img :src="item.icon" />
<img :src="item.icon" class="img" />
<img :src="item.hoverIcon" class="hover-img" />
{{ item.title }}
</AppLink>
</li>
......@@ -31,16 +32,19 @@ export default {
children: [
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1.png',
hoverIcon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_hover.png',
title: '数字技能实训中心',
path: 'digital/yx_1'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_2.png',
hoverIcon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_2_hover.png',
title: '国际数字人才现代产业学院',
path: 'digital/yx_2'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_3.png',
hoverIcon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_3_hover.png',
title: '专业数字化改造和提升',
path: 'digital/yx_3'
}
......@@ -51,6 +55,7 @@ export default {
children: [
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/zf_1.png',
hoverIcon: 'https://webapp-pub.ezijing.com/www/pc/digital/zf_1_hover.png',
title: '数字技能公共实训基地',
path: 'digital/zf_1',
style: { minHeight: '120px' }
......@@ -62,18 +67,21 @@ export default {
children: [
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/qy_1.png',
hoverIcon: 'https://webapp-pub.ezijing.com/www/pc/digital/qy_1_hover.png',
title: '全球数字领导力学者DBA',
path: 'digital/qy_1'
path: 'https://dld.ezijing.com'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/qy_2.png',
hoverIcon: 'https://webapp-pub.ezijing.com/www/pc/digital/qy_2_hover.png',
title: '数字时代领航人才EMBA',
path: 'digital/qy_2'
path: 'https://marywood.ezijing.com'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/qy_3.png',
hoverIcon: 'https://webapp-pub.ezijing.com/www/pc/digital/qy_3_hover.png',
title: '企业人才定制化服务',
path: 'digital/qy_3'
path: 'digital/qy_1'
}
]
}
......@@ -118,7 +126,16 @@ export default {
min-height: 80px;
font-size: 18px;
color: #666;
.hover-img {
display: none;
}
&:hover {
.img {
display: none;
}
.hover-img {
display: inline;
}
color: #fff;
background-color: var(--main-color);
border-color: var(--main-color);
......
components/home/educationServices.vue
浏览文件 @ 043dcc63
......@@ -3,8 +3,8 @@
<div class="title">教育服务</div>
<ul class="nav-content">
<li v-for="(item, index) in data" :key="index" @click="goPage(item.path, item.pathType)">
<img :src="item.icon" alt="" class="icon" />
<img :src="item.iconActive" alt="" class="icon-active" />
<img :src="item.icon" class="icon" />
<img :src="item.iconActive" class="icon-active" />
<div class="text" v-html="item.text"></div>
</li>
</ul>
......
components/home/homeMenu.vue
浏览文件 @ 043dcc63
<template>
<div style="background-color: #fff;overflow: hidden;">
<div style="background-color: #fff; overflow: hidden">
<AppCard titleAlign="center" v-for="(row, index) in rows" :key="index">
<template #title>
<nuxt-link :to="row.to">{{ row.title }}</nuxt-link>
......@@ -7,8 +7,8 @@
<ul class="menu-card-nav">
<li v-for="(item, itemIndex) in row.children" :key="itemIndex">
<AppLink :data="item">
<img :src="item.icon" alt="" class="icon" />
<img :src="item.iconActive" alt="" class="icon-active" />
<img :src="item.icon" class="icon" />
<img :src="item.iconActive" class="icon-active" />
<div class="text" v-html="item.text"></div>
</AppLink>
</li>
......
components/home/industrialCollege.vue
浏览文件 @ 043dcc63
......@@ -7,8 +7,8 @@
<li v-for="(item, index) in data" :key="index">
<AppLink :data="item">
<div class="img_box">
<img :src="item.icon" alt="" class="icon" />
<img :src="item.iconActive" alt="" class="icon-active" />
<img :src="item.icon" class="icon" />
<img :src="item.iconActive" class="icon-active" />
</div>
<div class="text" v-html="item.text"></div>
</AppLink>
......
components/home/onlineEdu.vue
浏览文件 @ 043dcc63
......@@ -3,8 +3,8 @@
<div class="title">{{ $t('home.onlineEdu.title') }}</div>
<ul class="nav-content">
<li v-for="(item, index) in data" :key="index" @click="goPage(item.path, item.pathType)">
<img :src="item.icon" alt="" class="icon" />
<img :src="item.iconActive" alt="" class="icon-active" />
<img :src="item.icon" class="icon" />
<img :src="item.iconActive" class="icon-active" />
<div class="text" v-html="item.text"></div>
</li>
</ul>
......
components/home/projectService/company.vue
浏览文件 @ 043dcc63
......@@ -10,7 +10,7 @@
</li>
</ul>
</div>
<img class="com_img" src=" https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/company/clip.png" alt="" />
<img class="com_img" src=" https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/company/clip.png" />
</div>
</template>
......
components/home/projectService/goverment.vue
浏览文件 @ 043dcc63
......@@ -12,7 +12,7 @@
<AppLink :data="item">
<div class="con_part">
<img :src="item.img" class="icon" />
<img :src="item.imgActive" alt="" class="icon_active" />
<img :src="item.imgActive" class="icon_active" />
<div class="con_desc" v-html="item.desc"></div>
</div>
</AppLink>
......
components/home/projectService/personal.vue
浏览文件 @ 043dcc63
......@@ -10,7 +10,7 @@
<ul class="left_con">
<li v-for="(it, index) in item.children" :key="index">
<AppLink :data="it">
<img :src="it.img" alt="" class="con_img" />
<img :src="it.img" class="con_img" />
<div class="con_desc" v-html="it.desc"></div>
</AppLink>
</li>
......@@ -30,7 +30,7 @@
<li v-for="(it, index) in item.children" :key="index">
<AppLink :data="it">
<div class="con">
<img :src="it.img" alt="" class="con_img" />
<img :src="it.img" class="con_img" />
<div class="con_desc" v-html="it.desc"></div>
</div>
</AppLink>
......
pages/about/contact.vue
浏览文件 @ 043dcc63
......@@ -9,19 +9,19 @@
<div class="tits">{{ $t('about.contact.follow') }}</div>
<ul>
<li>
<img src="https://zws-imgs-pub.ezijing.com/static/public/5c4a58f1d41f786e7713a5a84069404d.png" alt="" />
<img src="https://zws-imgs-pub.ezijing.com/static/public/5c4a58f1d41f786e7713a5a84069404d.png" />
<div class="name">{{ $t('about.contact.followCodeT1') }}</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/project/marywood/wb-code.png" alt="" />
<img src="https://webapp-pub.ezijing.com/project/marywood/wb-code.png" />
<div class="name">{{ $t('about.contact.followCodeT2') }}</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/project/marywood/douyin-code.png" alt="" />
<div class="name" style="margin-top:50px">{{ $t('about.contact.followCodeT3') }}</div>
<img src="https://webapp-pub.ezijing.com/project/marywood/douyin-code.png" />
<div class="name" style="margin-top: 50px">{{ $t('about.contact.followCodeT3') }}</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/project/marywood/xiaoet-code.png" alt="" />
<img src="https://webapp-pub.ezijing.com/project/marywood/xiaoet-code.png" />
<div class="name">{{ $t('about.contact.followCodeT4') }}</div>
</li>
</ul>
......@@ -43,15 +43,15 @@ export default {
},
mounted() {
if (process.browser) {
!(function(mapInit) {
!(function (mapInit) {
var script = document.createElement('script')
script.type = 'text/javascript'
script.src = 'https://api.map.baidu.com/api?v=2.0&ak=Z9Km7UTGFI2fwRrpGp7Mji4ySDsvn30d&callback=mapinit'
window['mapinit'] = function() {
window['mapinit'] = function () {
mapInit()
}
document.head.appendChild(script)
})(function() {
})(function () {
// 这里使用BMap
var map = new BMap.Map('allmap')
map.centerAndZoom(new BMap.Point(116.336323, 39.998848), 20)
......
pages/alumnus/index.vue
浏览文件 @ 043dcc63
......@@ -14,21 +14,13 @@
{{ $t('alumni.fbDes') }}
</div>
<div class="img-content">
<img
src="https://zws-imgs-pub.ezijing.com/static/public/8d402595ac1eb1c5142b548fa84be60d.png"
alt=""
class="img1"
/>
<img
src="https://zws-imgs-pub.ezijing.com/static/public/560f659bcb9896f6dde674beeac1fd15.png"
alt=""
class="img2"
/>
<img src="https://zws-imgs-pub.ezijing.com/static/public/8d402595ac1eb1c5142b548fa84be60d.png" class="img1" />
<img src="https://zws-imgs-pub.ezijing.com/static/public/560f659bcb9896f6dde674beeac1fd15.png" class="img2" />
</div>
<div class="end-time">{{ $t('alumni.time') }}</div>
<div class="alumnus-code">
<div class="t">{{ $t('alumni.followTit') }}</div>
<img src="https://webapp-pub.ezijing.com/www/pc/alum-code.png" alt="" />
<img src="https://webapp-pub.ezijing.com/www/pc/alum-code.png" />
<div class="dec">{{ $t('alumni.followDes') }}</div>
</div>
</div>
......
pages/digital/yx_1.vue
浏览文件 @ 043dcc63
......@@ -2,7 +2,7 @@
<template>
<div>
<div class="banner">
<img src="https://webapp-pub.ezijing.com/www/pc/digital/qy_1_banner.png" />
<img src="https://webapp-pub.ezijing.com/www/pc/digital/banner.png" />
</div>
<section class="section">
<div class="section-inner">
......@@ -45,6 +45,9 @@
<section class="section">
<div class="section-inner">
<h2 class="section-title">产品优势</h2>
<div class="section-pic">
<img src="https://webapp-pub.ezijing.com/www/pc/digital/yx_1/cpys.png" />
</div>
</div>
</section>
</div>
......@@ -56,48 +59,48 @@ export default {
return {
skList: [
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/xsk_1.png',
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1/xsk_1.png',
title: '商业数据分析实践教学平台',
desc: '培养数字经济底层数据思维能力的工业级实践教学平台',
more: ''
more: '/digital/yx_1_1'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/xsk_2.png',
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1/xsk_2.png',
title: '数字营销实践教学平台',
desc: '培养企业数字化转型核心技能的工业级实践教学平台',
more: ''
more: '/digital/yx_1_2'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/xsk_3.png',
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1/xsk_3.png',
title: '商业数据分析与应用大赛平台',
desc: '配套“商业数据分析与应用大赛”的训练平台'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/xsk_4.png',
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1/xsk_4.png',
title: '金融产品数字化营销实训平台',
desc: '配套“金融产品数字化营销1+X证书”的训练平台'
}
],
gkList: [
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/xgk_1.png',
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1/xgk_1.png',
title: '大数据实践教学平台',
desc: '综合培养大数据基础知识及专业知识的一站式实践教学平台',
more: ''
more: '/digital/yx_1_3'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/xgk_2.png',
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1/xgk_2.png',
title: '人工智能实践教学平台',
desc: '重在人工智能基础知识及应用的一站式实践教学平台',
more: ''
more: '/digital/yx_1_4'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/xgk_3.png',
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1/xgk_3.png',
title: '信息安全实践教学平台',
desc: '一站式信创信息安全实践教学平台'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/xgk_4.png',
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1/xgk_4.png',
title: '物联网实践教学平台',
desc: '全面涵盖5G及边缘计算的新一代物联网实践教学平台'
}
......@@ -163,7 +166,7 @@ export default {
background: #fff;
transition: all 0.3s;
&:hover {
transform: scale(1.1);
transform: scale(1.06);
}
}
.gk-item__pic {
......
pages/digital/yx_1_1.vue 0 → 100644
浏览文件 @ 043dcc63
<!-- 引产入校 -->
<template>
<div>
<div class="banner">
<img src="https://webapp-pub.ezijing.com/www/pc/digital/banner.png" />
</div>
<section class="section">
<div class="section-inner">
<h2 class="section-title">商业数据分析实践教学平台</h2>
<p class="section-desc">
数据分析、数字运营、数字营销是数字化人才的核心必备能力。在“数字化核心能力专业建设”和“数字＋全行业专业建设”中，数据分析能力是数字化人才培养的核心基础能力！<br /><br />
2018年以来，清控紫荆教育通过调研600+数字化及数字化转型企业，举办100+场次以行企专家、高校学科带头人、学者为主的研讨会，分析近三年超过180万+数字经济从业岗位需求，对比分析200+数字经济相关专业人才培养方案，梳理出商业数据分析通用能力模型。
</p>
<h2 class="section-title" style="margin-top: 100px">核心模块</h2>
<div class="mk-list">
<div class="mk-item" v-for="item in mkList" :key="item.title">
<div class="box">
<img :src="item.icon" />
<p>{{ item.title }}</p>
</div>
<h4>
<span>{{ item.subTitle }}</span>
</h4>
<ul>
<li v-for="item in item.children" :key="item.title">
<img :src="item.icon" />
<p>{{ item.title }}</p>
</li>
</ul>
</div>
</div>
</div>
</section>
<section class="section">
<div class="section-inner">
<h2 class="section-title">商业数据分析实践教学平台案例资源介绍</h2>
<div class="zy">
<table class="table">
<thead>
<tr>
<th>案例名称</th>
<th>所属行业</th>
</tr>
</thead>
<tbody>
<tr v-for="item in zyList" :key="item">
<td>{{ item.title }}</td>
<td>{{ item.industry }}</td>
</tr>
</tbody>
</table>
<ul class="num">
<li v-for="item in numList" :key="item.desc">
<span>{{ item.num }}</span>
<em>{{ item.desc }}</em>
</li>
</ul>
</div>
<h2 class="section-title">产品配套服务</h2>
<h3 class="section-subtitle">标准服务</h3>
<ul class="bz-list">
<li v-for="item in bzfwList" :key="item.title">
<img :src="item.icon" />
<p>{{ item.title }}</p>
</li>
</ul>
<h3 class="section-subtitle">增值服务</h3>
<ul class="zz-list">
<li v-for="item in zzfwList" :key="item">{{ item }}</li>
</ul>
</div>
</section>
<section class="section">
<div class="section-inner">
<h2 class="section-title">交付案例</h2>
<ul class="al-list">
<li v-for="item in jfalList" :key="item"><img :src="item" /></li>
</ul>
</div>
</section>
</div>
</template>
<script>
export default {
data() {
return {
// 核心模块
mkList: [
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1.png',
title: '商业数据分析综合实践平台',
subTitle: '商业数据分析综合实践优势',
children: [
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_1.png',
title: '真实连接企业95%以上的数据源'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_2.png',
title: '业务人员级别的可视化数据治理能力'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_3.png',
title: '面向非技术人员的零代码人工智能应用'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_4.png',
title: '企业真实的强大数据可视化组件'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_5.png',
title: '稳定且安全的后台管理能力'
}
]
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2.png',
title: '商业数据分析教学管理平台',
subTitle: '商业数据分析教学管理优势',
children: [
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_1.png',
title: '全面管理理论与实践教学资源'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_2.png',
title: '资源使用情况实时可见'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_3.png',
title: '“院校-学院-个人”三级课程管理'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_4.png',
title: '丰富且灵活的基础信息管理'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_5.png',
title: '丰富的教学业务支撑能力'
}
]
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3.png',
title: '商业数据分析实验管理平台',
subTitle: '商业数据分析实验管理优势',
children: [
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_1.png',
title: '支持教学、大赛等多场景、多角色'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_2.png',
title: '独立的操作指导书管理能力'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_3.png',
title: '独立的操作视频管理能力'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_4.png',
title: '强大的过程数据记录和师生交互'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_5.png',
title: '灵活的实验配置'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_6.png',
title: '实验成绩多维度定义及实验报告在线填写'
}
]
}
],
zyList: [
{ title: '案例1:电子商城数据分析', industry: '电商' },
{ title: '案例2:房屋价格的数据分析', industry: '房地产' },
{ title: '案例3:汽车金融企业业务分析', industry: '汽车服务' },
{ title: '案例4:互联网零售数据分析', industry: '互联网' },
{ title: '案例5:微博热门博主与话题模型分析', industry: '互联网' },
{ title: '案例6:商业银行专项财务指标分析', industry: '金融' },
{ title: '案例7:信用卡欺诈行为分析', industry: '金融' },
{ title: '案例8:金融量化投资分析', industry: '金融' },
{ title: '案例9:基于RFM模型进行用户分群运营分析', industry: '零售' },
{ title: '案例10:智慧交通综合分析', industry: '交通' }
],
numList: [
{ num: 10, desc: '个案例' },
{ num: 10, desc: '篇案例原文' },
{ num: 13, desc: '个数据集' },
{ num: 31, desc: '份辅助资源' },
{ num: 65, desc: '份案例指导书' },
{ num: 65, desc: '套教学PPT' },
{ num: 231, desc: '个教学视频。' }
],
// 标准服务
bzfwList: [
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/bzfw_1.png',
title: '产品服务'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/bzfw_2.png',
title: '资源服务'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/bzfw_3.png',
title: '培训服务'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/bzfw_4.png',
title: '产品技术支持'
}
],
// 增值服务
zzfwList: ['顶层设计服务', '师资培训服务', '行业讲座服务', '科研服务', '教学服务'],
// 交付案例
jfalList: [
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/jfal_1.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/jfal_2.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/jfal_3.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/jfal_4.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/jfal_5.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/jfal_6.png'
]
}
}
}
</script>
<style lang="scss" scoped>
.banner {
img {
width: 100%;
}
}
.section:nth-child(even) {
background-color: #fff;
}
.section:nth-child(odd) {
background-color: #f9f8f8;
}
.section-inner {
width: 1200px;
margin: 0 auto;
padding: 100px 0;
}
.section-title {
margin-bottom: 36px;
font-size: 30px;
font-family: Source Han Sans CN;
font-weight: bold;
line-height: 32px;
color: #333333;
text-align: center;
}
.section-subtitle {
display: inline-block;
margin: 36px 0;
font-size: 20px;
line-height: 32px;
color: #424242;
border-bottom: 1px solid var(--main-color);
}
.section-desc {
font-size: 18px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 34px;
color: #666666;
}
.section-pic {
text-align: center;
img {
max-width: 100%;
}
}
.mk-list {
display: flex;
gap: 60px;
.mk-item {
flex: 1;
}
.box {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 260px;
background-color: var(--main-color);
p {
margin-top: 48px;
font-size: 18px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
color: #ffffff;
}
}
h4 {
margin: 80px 0 36px;
text-align: center;
span {
display: inline-block;
font-size: 20px;
font-family: Source Han Sans CN-Normal, Source Han Sans CN;
font-weight: 400;
color: #424242;
line-height: 34px;
border-bottom: 1px solid var(--main-color);
}
}
ul {
height: 440px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
li {
img {
margin: 0 20px;
}
display: flex;
align-items: center;
height: 60px;
background: #f2f2f2;
font-size: 15px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
color: #424242;
}
}
.bz-list {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 38px;
li {
position: relative;
transition: all 0.3s;
&:hover {
transform: scale(1.06);
}
}
p {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
font-size: 24px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
background: rgba(51, 51, 51, 0.6);
}
}
.zz-list {
display: flex;
gap: 25px;
li {
flex: 1;
font-size: 22px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
color: #333333;
line-height: 80px;
text-align: center;
border: 1px solid var(--main-color);
border-left-width: 10px;
}
}
.al-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
li {
transition: all 0.3s;
&:hover {
transform: scale(1.06);
}
}
}
.zy {
display: flex;
margin-bottom: 100px;
.table {
flex: 1;
}
.num {
margin-left: 60px;
}
}
.num {
li {
line-height: 70px;
span {
font-size: 30px;
font-weight: bold;
font-family: SourceHanSansCN-Bold;
color: var(--main-color);
}
em {
font-size: 18px;
font-family: Source Han Sans CN;
}
}
}
.table {
thead {
th {
padding: 20px;
font-size: 18px;
font-family: Source Han Sans CN;
font-weight: bold;
line-height: 22px;
color: #fff;
background-color: #aa1941;
border: 1px solid #aa1941;
}
th:nth-child(2) {
background: #931638;
}
}
tbody {
td {
font-size: 16px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 1;
color: #262626;
padding: 14px;
border: 1px solid #8b8b8b;
}
td:nth-child(1) {
padding-left: 40px;
}
td:nth-child(2) {
text-align: center;
}
}
}
</style>
pages/digital/yx_1_2.vue 0 → 100644
浏览文件 @ 043dcc63
<!-- 引产入校 -->
<template>
<div>
<div class="banner">
<img src="https://webapp-pub.ezijing.com/www/pc/digital/banner.png" />
</div>
<section class="section">
<div class="section-inner">
<h2 class="section-title">数字营销实践教学平台</h2>
<p class="section-desc">
数字营销能力是数字经济10大核心能力之一<br />数字营销能力是数字经济时代下的十大核心能力之一<br />数字营销能力是数字经济时代下任何行业，任何企业，任何岗位都应当具备的底层核心能力
</p>
<h2 class="section-title" style="margin-top: 100px">核心模块</h2>
<div class="mk-list">
<div class="mk-item" v-for="item in mkList" :key="item.title">
<div class="box">
<img :src="item.icon" />
<p>{{ item.title }}</p>
</div>
<h4>
<span>{{ item.subTitle }}</span>
</h4>
<ul>
<li v-for="item in item.children" :key="item.title">
<img :src="item.icon" />
<p>{{ item.title }}</p>
</li>
</ul>
</div>
</div>
</div>
</section>
<section class="section">
<div class="section-inner">
<h2 class="section-title">数字营销分析实践教学平台案例资源介绍</h2>
<div class="zy">
<table class="table">
<thead>
<tr>
<th>案例名称</th>
<th>所属行业</th>
</tr>
</thead>
<tbody>
<tr v-for="item in zyList" :key="item">
<td>{{ item.title }}</td>
<td>{{ item.industry }}</td>
</tr>
</tbody>
</table>
<ul class="num">
<li v-for="item in numList" :key="item.desc">
<span>{{ item.num }}</span>
<em>{{ item.desc }}</em>
</li>
</ul>
</div>
<h2 class="section-title">产品配套服务</h2>
<h3 class="section-subtitle">标准服务</h3>
<ul class="bz-list">
<li v-for="item in bzfwList" :key="item.title">
<img :src="item.icon" />
<p>{{ item.title }}</p>
</li>
</ul>
<h3 class="section-subtitle">增值服务</h3>
<ul class="zz-list">
<li v-for="item in zzfwList" :key="item">{{ item }}</li>
</ul>
</div>
</section>
<section class="section">
<div class="section-inner">
<h2 class="section-title">交付案例</h2>
<ul class="al-list">
<li v-for="item in jfalList" :key="item"><img :src="item" /></li>
</ul>
</div>
</section>
</div>
</template>
<script>
export default {
data() {
return {
// 核心模块
mkList: [
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1.png',
title: '数字营销分析综合实践平台',
subTitle: '数字营销分析综合实践优势',
children: [
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_1.png',
title: '真实连接企业95%以上的数据源'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_2.png',
title: '业务人员级别的可视化数据治理能力'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_3.png',
title: '面向非技术人员的零代码人工智能应用'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_4.png',
title: '企业真实的强大数据可视化组件'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_5.png',
title: '稳定且安全的后台管理能力'
}
]
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2.png',
title: '数字营销分析教学管理平台',
subTitle: '数字营销分析教学管理优势',
children: [
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_1.png',
title: '全面管理理论与实践教学资源'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_2.png',
title: '资源使用情况实时可见'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_3.png',
title: '“院校-学院-个人”三级课程管理'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_4.png',
title: '丰富且灵活的基础信息管理'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_5.png',
title: '丰富的教学业务支撑能力'
}
]
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3.png',
title: '数字营销分析实验管理平台',
subTitle: '数字营销分析实验管理优势',
children: [
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_1.png',
title: '支持教学、大赛等多场景、多角色'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_2.png',
title: '独立的操作指导书管理能力'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_3.png',
title: '独立的操作视频管理能力'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_4.png',
title: '强大的过程数据记录和师生交互'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_5.png',
title: '灵活的实验配置'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_6.png',
title: '实验成绩多维度定义及实验报告在线填写'
}
]
}
],
zyList: [
{ title: '案例1:电子商城数据分析', industry: '电商' },
{ title: '案例2:房屋价格的数据分析', industry: '房地产' },
{ title: '案例3:汽车金融企业业务分析', industry: '汽车服务' },
{ title: '案例4:互联网零售数据分析', industry: '互联网' },
{ title: '案例5:微博热门博主与话题模型分析', industry: '互联网' },
{ title: '案例6:商业银行专项财务指标分析', industry: '金融' },
{ title: '案例7:信用卡欺诈行为分析', industry: '金融' },
{ title: '案例8:金融量化投资分析', industry: '金融' },
{ title: '案例9:基于RFM模型进行用户分群运营分析', industry: '零售' },
{ title: '案例10:智慧交通综合分析', industry: '交通' }
],
numList: [
{ num: 10, desc: '个案例' },
{ num: 10, desc: '篇案例原文' },
{ num: 13, desc: '个数据集' },
{ num: 31, desc: '份辅助资源' },
{ num: 65, desc: '份案例指导书' },
{ num: 65, desc: '套教学PPT' },
{ num: 231, desc: '个教学视频。' }
],
// 标准服务
bzfwList: [
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/bzfw_1.png',
title: '产品服务'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/bzfw_2.png',
title: '资源服务'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/bzfw_3.png',
title: '培训服务'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/bzfw_4.png',
title: '产品技术支持'
}
],
// 增值服务
zzfwList: ['顶层设计服务', '师资培训服务', '行业讲座服务', '科研服务', '教学服务'],
// 交付案例
jfalList: [
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/jfal_1.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/jfal_2.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/jfal_3.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/jfal_4.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/jfal_5.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/jfal_6.png'
]
}
}
}
</script>
<style lang="scss" scoped>
.banner {
img {
width: 100%;
}
}
.section:nth-child(even) {
background-color: #fff;
}
.section:nth-child(odd) {
background-color: #f9f8f8;
}
.section-inner {
width: 1200px;
margin: 0 auto;
padding: 100px 0;
}
.section-title {
margin-bottom: 36px;
font-size: 30px;
font-family: Source Han Sans CN;
font-weight: bold;
line-height: 32px;
color: #333333;
text-align: center;
}
.section-subtitle {
display: inline-block;
margin: 36px 0;
font-size: 20px;
line-height: 32px;
color: #424242;
border-bottom: 1px solid var(--main-color);
}
.section-desc {
font-size: 18px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 34px;
color: #666666;
text-align: center;
}
.section-pic {
text-align: center;
img {
max-width: 100%;
}
}
.mk-list {
display: flex;
gap: 60px;
.mk-item {
flex: 1;
}
.box {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 260px;
background-color: var(--main-color);
p {
margin-top: 48px;
font-size: 18px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
color: #ffffff;
}
}
h4 {
margin: 80px 0 36px;
text-align: center;
span {
display: inline-block;
font-size: 20px;
font-family: Source Han Sans CN-Normal, Source Han Sans CN;
font-weight: 400;
color: #424242;
line-height: 34px;
border-bottom: 1px solid var(--main-color);
}
}
ul {
height: 440px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
li {
img {
margin: 0 20px;
}
display: flex;
align-items: center;
height: 60px;
background: #f2f2f2;
font-size: 15px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
color: #424242;
}
}
.bz-list {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 38px;
li {
position: relative;
transition: all 0.3s;
&:hover {
transform: scale(1.06);
}
}
p {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
font-size: 24px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
background: rgba(51, 51, 51, 0.6);
}
}
.zz-list {
display: flex;
gap: 25px;
li {
flex: 1;
font-size: 22px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
color: #333333;
line-height: 80px;
text-align: center;
border: 1px solid var(--main-color);
border-left-width: 10px;
}
}
.al-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
li {
transition: all 0.3s;
&:hover {
transform: scale(1.06);
}
}
}
.zy {
display: flex;
margin-bottom: 100px;
.table {
flex: 1;
}
.num {
margin-left: 60px;
}
}
.num {
li {
line-height: 70px;
span {
font-size: 30px;
font-weight: bold;
font-family: SourceHanSansCN-Bold;
color: var(--main-color);
}
em {
font-size: 18px;
font-family: Source Han Sans CN;
}
}
}
.table {
thead {
th {
padding: 20px;
font-size: 18px;
font-family: Source Han Sans CN;
font-weight: bold;
line-height: 22px;
color: #fff;
background-color: #aa1941;
border: 1px solid #aa1941;
}
th:nth-child(2) {
background: #931638;
}
}
tbody {
td {
font-size: 16px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 1;
color: #262626;
padding: 14px;
border: 1px solid #8b8b8b;
}
td:nth-child(1) {
padding-left: 40px;
}
td:nth-child(2) {
text-align: center;
}
}
}
</style>
pages/digital/yx_1_3.vue 0 → 100644
浏览文件 @ 043dcc63
<!-- 引产入校 -->
<template>
<div>
<div class="banner">
<img src="https://webapp-pub.ezijing.com/www/pc/digital/banner.png" />
</div>
<section class="section">
<div class="section-inner">
<h2 class="section-title">大数据实践教学平台</h2>
<p class="section-desc">
数据是数字经济时代的核心生产要素，围绕数字产业化和产业数字化的各个领域，在数据采集、传输、计算、分析、保护等方面的技术突破为数字经济的发展奠定基础，是数字经济时代的核心战略资源。大数据实验室一共包括大数据综合实训平台、完整闭环的教学管理能力、灵活智能的实验管理能力。
</p>
<h2 class="section-title" style="margin-top: 100px">核心模块</h2>
<div class="mk-list">
<div class="mk-item" v-for="item in mkList" :key="item.title">
<div class="box">
<img :src="item.icon" />
<p>{{ item.title }}</p>
</div>
<h4>
<span>{{ item.subTitle }}</span>
</h4>
<ul>
<li v-for="item in item.children" :key="item.title">
<img :src="item.icon" />
<p>{{ item.title }}</p>
</li>
</ul>
</div>
</div>
</div>
</section>
<section class="section">
<div class="section-inner">
<h2 class="section-title">大数据分析实践教学平台案例资源介绍</h2>
<div class="zy">
<table class="table">
<thead>
<tr>
<th>案例名称</th>
<th>所属行业</th>
</tr>
</thead>
<tbody>
<tr v-for="item in zyList" :key="item">
<td>{{ item.title }}</td>
<td>{{ item.industry }}</td>
</tr>
</tbody>
</table>
<ul class="num">
<li v-for="item in numList" :key="item.desc">
<span>{{ item.num }}</span>
<em>{{ item.desc }}</em>
</li>
</ul>
</div>
<h2 class="section-title">产品配套服务</h2>
<h3 class="section-subtitle">标准服务</h3>
<ul class="bz-list">
<li v-for="item in bzfwList" :key="item.title">
<img :src="item.icon" />
<p>{{ item.title }}</p>
</li>
</ul>
<h3 class="section-subtitle">增值服务</h3>
<ul class="zz-list">
<li v-for="item in zzfwList" :key="item">{{ item }}</li>
</ul>
</div>
</section>
<section class="section">
<div class="section-inner">
<h2 class="section-title">交付案例</h2>
<ul class="al-list">
<li v-for="item in jfalList" :key="item"><img :src="item" /></li>
</ul>
</div>
</section>
</div>
</template>
<script>
export default {
data() {
return {
// 核心模块
mkList: [
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1.png',
title: '大数据分析综合实践平台',
subTitle: '大数据分析综合实践优势',
children: [
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_1.png',
title: '真实连接企业95%以上的数据源'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_2.png',
title: '业务人员级别的可视化数据治理能力'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_3.png',
title: '面向非技术人员的零代码人工智能应用'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_4.png',
title: '企业真实的强大数据可视化组件'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_5.png',
title: '稳定且安全的后台管理能力'
}
]
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2.png',
title: '大数据分析教学管理平台',
subTitle: '大数据分析教学管理优势',
children: [
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_1.png',
title: '全面管理理论与实践教学资源'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_2.png',
title: '资源使用情况实时可见'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_3.png',
title: '“院校-学院-个人”三级课程管理'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_4.png',
title: '丰富且灵活的基础信息管理'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_5.png',
title: '丰富的教学业务支撑能力'
}
]
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3.png',
title: '大数据分析实验管理平台',
subTitle: '大数据分析实验管理优势',
children: [
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_1.png',
title: '支持教学、大赛等多场景、多角色'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_2.png',
title: '独立的操作指导书管理能力'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_3.png',
title: '独立的操作视频管理能力'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_4.png',
title: '强大的过程数据记录和师生交互'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_5.png',
title: '灵活的实验配置'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_6.png',
title: '实验成绩多维度定义及实验报告在线填写'
}
]
}
],
zyList: [
{ title: '案例1:电子商城数据分析', industry: '电商' },
{ title: '案例2:房屋价格的数据分析', industry: '房地产' },
{ title: '案例3:汽车金融企业业务分析', industry: '汽车服务' },
{ title: '案例4:互联网零售数据分析', industry: '互联网' },
{ title: '案例5:微博热门博主与话题模型分析', industry: '互联网' },
{ title: '案例6:商业银行专项财务指标分析', industry: '金融' },
{ title: '案例7:信用卡欺诈行为分析', industry: '金融' },
{ title: '案例8:金融量化投资分析', industry: '金融' },
{ title: '案例9:基于RFM模型进行用户分群运营分析', industry: '零售' },
{ title: '案例10:智慧交通综合分析', industry: '交通' }
],
numList: [
{ num: 10, desc: '个案例' },
{ num: 10, desc: '篇案例原文' },
{ num: 13, desc: '个数据集' },
{ num: 31, desc: '份辅助资源' },
{ num: 65, desc: '份案例指导书' },
{ num: 65, desc: '套教学PPT' },
{ num: 231, desc: '个教学视频。' }
],
// 标准服务
bzfwList: [
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/bzfw_1.png',
title: '产品服务'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/bzfw_2.png',
title: '资源服务'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/bzfw_3.png',
title: '培训服务'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/bzfw_4.png',
title: '产品技术支持'
}
],
// 增值服务
zzfwList: ['顶层设计服务', '师资培训服务', '行业讲座服务', '科研服务', '教学服务'],
// 交付案例
jfalList: [
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/jfal_1.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/jfal_2.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/jfal_3.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/jfal_4.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/jfal_5.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/jfal_6.png'
]
}
}
}
</script>
<style lang="scss" scoped>
.banner {
img {
width: 100%;
}
}
.section:nth-child(even) {
background-color: #fff;
}
.section:nth-child(odd) {
background-color: #f9f8f8;
}
.section-inner {
width: 1200px;
margin: 0 auto;
padding: 100px 0;
}
.section-title {
margin-bottom: 36px;
font-size: 30px;
font-family: Source Han Sans CN;
font-weight: bold;
line-height: 32px;
color: #333333;
text-align: center;
}
.section-subtitle {
display: inline-block;
margin: 36px 0;
font-size: 20px;
line-height: 32px;
color: #424242;
border-bottom: 1px solid var(--main-color);
}
.section-desc {
font-size: 18px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 34px;
color: #666666;
text-align: center;
}
.section-pic {
text-align: center;
img {
max-width: 100%;
}
}
.mk-list {
display: flex;
gap: 60px;
.mk-item {
flex: 1;
}
.box {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 260px;
background-color: var(--main-color);
p {
margin-top: 48px;
font-size: 18px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
color: #ffffff;
}
}
h4 {
margin: 80px 0 36px;
text-align: center;
span {
display: inline-block;
font-size: 20px;
font-family: Source Han Sans CN-Normal, Source Han Sans CN;
font-weight: 400;
color: #424242;
line-height: 34px;
border-bottom: 1px solid var(--main-color);
}
}
ul {
height: 440px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
li {
img {
margin: 0 20px;
}
display: flex;
align-items: center;
height: 60px;
background: #f2f2f2;
font-size: 15px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
color: #424242;
}
}
.bz-list {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 38px;
li {
position: relative;
transition: all 0.3s;
&:hover {
transform: scale(1.06);
}
}
p {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
font-size: 24px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
background: rgba(51, 51, 51, 0.6);
}
}
.zz-list {
display: flex;
gap: 25px;
li {
flex: 1;
font-size: 22px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
color: #333333;
line-height: 80px;
text-align: center;
border: 1px solid var(--main-color);
border-left-width: 10px;
}
}
.al-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
li {
transition: all 0.3s;
&:hover {
transform: scale(1.06);
}
}
}
.zy {
display: flex;
margin-bottom: 100px;
.table {
flex: 1;
}
.num {
margin-left: 60px;
}
}
.num {
li {
line-height: 70px;
span {
font-size: 30px;
font-weight: bold;
font-family: SourceHanSansCN-Bold;
color: var(--main-color);
}
em {
font-size: 18px;
font-family: Source Han Sans CN;
}
}
}
.table {
thead {
th {
padding: 20px;
font-size: 18px;
font-family: Source Han Sans CN;
font-weight: bold;
line-height: 22px;
color: #fff;
background-color: #aa1941;
border: 1px solid #aa1941;
}
th:nth-child(2) {
background: #931638;
}
}
tbody {
td {
font-size: 16px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 1;
color: #262626;
padding: 14px;
border: 1px solid #8b8b8b;
}
td:nth-child(1) {
padding-left: 40px;
}
td:nth-child(2) {
text-align: center;
}
}
}
</style>
pages/digital/yx_1_4.vue 0 → 100644
浏览文件 @ 043dcc63
<!-- 引产入校 -->
<template>
<div>
<div class="banner">
<img src="https://webapp-pub.ezijing.com/www/pc/digital/banner.png" />
</div>
<section class="section">
<div class="section-inner">
<h2 class="section-title">人工智能实践教学平台</h2>
<p class="section-desc">
数智化实践教学平台采用B/S架构，集教学资源、实验环境和工具、应用实践和硬件资源为一体的专业化教学平台。为用户解决了缺少教学资源、没有实验环境工具、怎样体系化学习、如何进阶学习、提升实际场景的应用实践经验等核心问题。从而提高学生的学习效率和学习能力，增加自身的市场竞争力。
</p>
<h2 class="section-title" style="margin-top: 100px">核心模块</h2>
<div class="mk-list">
<div class="mk-item" v-for="item in mkList" :key="item.title">
<div class="box">
<img :src="item.icon" />
<p>{{ item.title }}</p>
</div>
<h4>
<span>{{ item.subTitle }}</span>
</h4>
<ul>
<li v-for="item in item.children" :key="item.title">
<img :src="item.icon" />
<p>{{ item.title }}</p>
</li>
</ul>
</div>
</div>
</div>
</section>
<section class="section">
<div class="section-inner">
<h2 class="section-title">人工智能分析实践教学平台案例资源介绍</h2>
<div class="zy">
<table class="table">
<thead>
<tr>
<th>案例名称</th>
<th>所属行业</th>
</tr>
</thead>
<tbody>
<tr v-for="item in zyList" :key="item">
<td>{{ item.title }}</td>
<td>{{ item.industry }}</td>
</tr>
</tbody>
</table>
<ul class="num">
<li v-for="item in numList" :key="item.desc">
<span>{{ item.num }}</span>
<em>{{ item.desc }}</em>
</li>
</ul>
</div>
<h2 class="section-title">产品配套服务</h2>
<h3 class="section-subtitle">标准服务</h3>
<ul class="bz-list">
<li v-for="item in bzfwList" :key="item.title">
<img :src="item.icon" />
<p>{{ item.title }}</p>
</li>
</ul>
<h3 class="section-subtitle">增值服务</h3>
<ul class="zz-list">
<li v-for="item in zzfwList" :key="item">{{ item }}</li>
</ul>
</div>
</section>
<section class="section">
<div class="section-inner">
<h2 class="section-title">交付案例</h2>
<ul class="al-list">
<li v-for="item in jfalList" :key="item"><img :src="item" /></li>
</ul>
</div>
</section>
</div>
</template>
<script>
export default {
data() {
return {
// 核心模块
mkList: [
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1.png',
title: '人工智能分析综合实践平台',
subTitle: '人工智能分析综合实践优势',
children: [
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_1.png',
title: '真实连接企业95%以上的数据源'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_2.png',
title: '业务人员级别的可视化数据治理能力'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_3.png',
title: '面向非技术人员的零代码人工智能应用'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_4.png',
title: '企业真实的强大数据可视化组件'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_5.png',
title: '稳定且安全的后台管理能力'
}
]
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2.png',
title: '人工智能分析教学管理平台',
subTitle: '人工智能分析教学管理优势',
children: [
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_1.png',
title: '全面管理理论与实践教学资源'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_2.png',
title: '资源使用情况实时可见'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_3.png',
title: '“院校-学院-个人”三级课程管理'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_4.png',
title: '丰富且灵活的基础信息管理'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_5.png',
title: '丰富的教学业务支撑能力'
}
]
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3.png',
title: '人工智能分析实验管理平台',
subTitle: '人工智能分析实验管理优势',
children: [
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_1.png',
title: '支持教学、大赛等多场景、多角色'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_2.png',
title: '独立的操作指导书管理能力'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_3.png',
title: '独立的操作视频管理能力'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_4.png',
title: '强大的过程数据记录和师生交互'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_5.png',
title: '灵活的实验配置'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_6.png',
title: '实验成绩多维度定义及实验报告在线填写'
}
]
}
],
zyList: [
{ title: '案例1:电子商城数据分析', industry: '电商' },
{ title: '案例2:房屋价格的数据分析', industry: '房地产' },
{ title: '案例3:汽车金融企业业务分析', industry: '汽车服务' },
{ title: '案例4:互联网零售数据分析', industry: '互联网' },
{ title: '案例5:微博热门博主与话题模型分析', industry: '互联网' },
{ title: '案例6:商业银行专项财务指标分析', industry: '金融' },
{ title: '案例7:信用卡欺诈行为分析', industry: '金融' },
{ title: '案例8:金融量化投资分析', industry: '金融' },
{ title: '案例9:基于RFM模型进行用户分群运营分析', industry: '零售' },
{ title: '案例10:智慧交通综合分析', industry: '交通' }
],
numList: [
{ num: 10, desc: '个案例' },
{ num: 10, desc: '篇案例原文' },
{ num: 13, desc: '个数据集' },
{ num: 31, desc: '份辅助资源' },
{ num: 65, desc: '份案例指导书' },
{ num: 65, desc: '套教学PPT' },
{ num: 231, desc: '个教学视频。' }
],
// 标准服务
bzfwList: [
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/bzfw_1.png',
title: '产品服务'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/bzfw_2.png',
title: '资源服务'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/bzfw_3.png',
title: '培训服务'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/bzfw_4.png',
title: '产品技术支持'
}
],
// 增值服务
zzfwList: ['顶层设计服务', '师资培训服务', '行业讲座服务', '科研服务', '教学服务'],
// 交付案例
jfalList: [
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/jfal_1.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/jfal_2.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/jfal_3.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/jfal_4.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/jfal_5.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/jfal_6.png'
]
}
}
}
</script>
<style lang="scss" scoped>
.banner {
img {
width: 100%;
}
}
.section:nth-child(even) {
background-color: #fff;
}
.section:nth-child(odd) {
background-color: #f9f8f8;
}
.section-inner {
width: 1200px;
margin: 0 auto;
padding: 100px 0;
}
.section-title {
margin-bottom: 36px;
font-size: 30px;
font-family: Source Han Sans CN;
font-weight: bold;
line-height: 32px;
color: #333333;
text-align: center;
}
.section-subtitle {
display: inline-block;
margin: 36px 0;
font-size: 20px;
line-height: 32px;
color: #424242;
border-bottom: 1px solid var(--main-color);
}
.section-desc {
font-size: 18px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 34px;
color: #666666;
text-align: center;
}
.section-pic {
text-align: center;
img {
max-width: 100%;
}
}
.mk-list {
display: flex;
gap: 60px;
.mk-item {
flex: 1;
}
.box {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 260px;
background-color: var(--main-color);
p {
margin-top: 48px;
font-size: 18px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
color: #ffffff;
}
}
h4 {
margin: 80px 0 36px;
text-align: center;
span {
display: inline-block;
font-size: 20px;
font-family: Source Han Sans CN-Normal, Source Han Sans CN;
font-weight: 400;
color: #424242;
line-height: 34px;
border-bottom: 1px solid var(--main-color);
}
}
ul {
height: 440px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
li {
img {
margin: 0 20px;
}
display: flex;
align-items: center;
height: 60px;
background: #f2f2f2;
font-size: 15px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
color: #424242;
}
}
.bz-list {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 38px;
li {
position: relative;
transition: all 0.3s;
&:hover {
transform: scale(1.06);
}
}
p {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
font-size: 24px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
background: rgba(51, 51, 51, 0.6);
}
}
.zz-list {
display: flex;
gap: 25px;
li {
flex: 1;
font-size: 22px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
color: #333333;
line-height: 80px;
text-align: center;
border: 1px solid var(--main-color);
border-left-width: 10px;
}
}
.al-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
li {
transition: all 0.3s;
&:hover {
transform: scale(1.06);
}
}
}
.zy {
display: flex;
margin-bottom: 100px;
.table {
flex: 1;
}
.num {
margin-left: 60px;
}
}
.num {
li {
line-height: 70px;
span {
font-size: 30px;
font-weight: bold;
font-family: SourceHanSansCN-Bold;
color: var(--main-color);
}
em {
font-size: 18px;
font-family: Source Han Sans CN;
}
}
}
.table {
thead {
th {
padding: 20px;
font-size: 18px;
font-family: Source Han Sans CN;
font-weight: bold;
line-height: 22px;
color: #fff;
background-color: #aa1941;
border: 1px solid #aa1941;
}
th:nth-child(2) {
background: #931638;
}
}
tbody {
td {
font-size: 16px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 1;
color: #262626;
padding: 14px;
border: 1px solid #8b8b8b;
}
td:nth-child(1) {
padding-left: 40px;
}
td:nth-child(2) {
text-align: center;
}
}
}
</style>
pages/digital/yx_2.vue 0 → 100644
浏览文件 @ 043dcc63
<!-- 引产入校 -->
<template>
<div>
<div class="banner">
<img src="https://webapp-pub.ezijing.com/www/pc/digital/banner.png" />
</div>
<section class="section">
<div class="section-inner">
<h2 class="section-title">产业学院及专业方向</h2>
</div>
</section>
<section class="section">
<div class="section-inner">
<h2 class="section-title">产业学院建设内容</h2>
<div class="section-pic">
<img src="https://webapp-pub.ezijing.com/www/pc/digital/yx_2/jsnr.png" />
</div>
<h2 class="section-title" style="margin-top: 100px">产业学院运营保障</h2>
<div class="section-pic">
<img src="https://webapp-pub.ezijing.com/www/pc/digital/yx_2/bz.png" />
</div>
</div>
</section>
<section class="section">
<div class="section-inner">
<h2 class="section-title">产业学院输出成果</h2>
<div class="section-pic">
<img src="https://webapp-pub.ezijing.com/www/pc/digital/yx_2/cg.png" />
</div>
</div>
</section>
<section class="section">
<div class="section-inner">
<h2 class="section-title">交付案例</h2>
<ul class="al-list">
<li v-for="item in jfalList" :key="item"><img :src="item" /></li>
</ul>
</div>
</section>
</div>
</template>
<script>
export default {
data() {
return {
// 交付案例
jfalList: [
'https://webapp-pub.ezijing.com/www/pc/digital/yx_2/al_1.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_2/al_2.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_2/al_3.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_2/al_4.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_2/al_5.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_2/al_6.png'
]
}
}
}
</script>
<style lang="scss" scoped>
.banner {
img {
width: 100%;
}
}
.section:nth-child(even) {
background-color: #fff;
}
.section:nth-child(odd) {
background-color: #f9f8f8;
}
.section-inner {
width: 1200px;
margin: 0 auto;
padding: 100px 0;
}
.section-title {
margin-bottom: 36px;
font-size: 30px;
font-family: Source Han Sans CN;
font-weight: bold;
line-height: 32px;
color: #333333;
text-align: center;
}
.section-subtitle {
display: inline-block;
margin: 36px 0;
font-size: 20px;
line-height: 32px;
color: #424242;
border-bottom: 1px solid var(--main-color);
}
.section-desc {
font-size: 18px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 34px;
color: #666666;
text-align: center;
}
.section-pic {
text-align: center;
img {
max-width: 100%;
}
}
.mk-list {
display: flex;
gap: 60px;
.mk-item {
flex: 1;
}
.box {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 260px;
background-color: var(--main-color);
p {
margin-top: 48px;
font-size: 18px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
color: #ffffff;
}
}
h4 {
margin: 80px 0 36px;
text-align: center;
span {
display: inline-block;
font-size: 20px;
font-family: Source Han Sans CN-Normal, Source Han Sans CN;
font-weight: 400;
color: #424242;
line-height: 34px;
border-bottom: 1px solid var(--main-color);
}
}
ul {
height: 440px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
li {
img {
margin: 0 20px;
}
display: flex;
align-items: center;
height: 60px;
background: #f2f2f2;
font-size: 15px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
color: #424242;
}
}
.bz-list {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 38px;
li {
position: relative;
transition: all 0.3s;
&:hover {
transform: scale(1.06);
}
}
p {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
font-size: 24px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
background: rgba(51, 51, 51, 0.6);
}
}
.zz-list {
display: flex;
gap: 25px;
li {
flex: 1;
font-size: 22px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
color: #333333;
line-height: 80px;
text-align: center;
border: 1px solid var(--main-color);
border-left-width: 10px;
}
}
.al-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
li {
transition: all 0.3s;
&:hover {
transform: scale(1.06);
}
}
}
.zy {
display: flex;
margin-bottom: 100px;
.table {
flex: 1;
}
.num {
margin-left: 60px;
}
}
.num {
li {
line-height: 70px;
span {
font-size: 30px;
font-weight: bold;
font-family: SourceHanSansCN-Bold;
color: var(--main-color);
}
em {
font-size: 18px;
font-family: Source Han Sans CN;
}
}
}
.table {
thead {
th {
padding: 20px;
font-size: 18px;
font-family: Source Han Sans CN;
font-weight: bold;
line-height: 22px;
color: #fff;
background-color: #aa1941;
border: 1px solid #aa1941;
}
th:nth-child(2) {
background: #931638;
}
}
tbody {
td {
font-size: 16px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 1;
color: #262626;
padding: 14px;
border: 1px solid #8b8b8b;
}
td:nth-child(1) {
padding-left: 40px;
}
td:nth-child(2) {
text-align: center;
}
}
}
</style>
pages/digital/yx_3.vue 0 → 100644
浏览文件 @ 043dcc63
<!-- 引产入校 -->
<template>
<div>
<div class="banner">
<img src="https://webapp-pub.ezijing.com/www/pc/digital/banner.png" />
</div>
<section class="section">
<div class="section-inner">
<h2 class="section-title">专业人培方案数字化改造升级</h2>
<div class="section-pic">
<img src="https://webapp-pub.ezijing.com/www/pc/digital/yx_3/1.png" />
</div>
</div>
</section>
<section class="section">
<div class="section-inner">
<h2 class="section-title">数字人才实习实训实验室</h2>
<div class="section-pic">
<img src="https://webapp-pub.ezijing.com/www/pc/digital/yx_3/2.png" />
</div>
</div>
</section>
<section class="section">
<div class="section-inner">
<h2 class="section-title">数字化技能核心课程</h2>
<p class="section-desc">
紫荆教育通过数字经济实验平台（商业数据分析实验平台和数字营销实验平台）负责实施商业数据分析和数字营销两门课，共计96课时。紫荆教育数字经济实验室作为紫荆教育工业级产品，在多个行业有真实应用，为数字人才培养提供立体化教学实施平台，打造数字化教学模式。师资全部来自业务骨干，行业专家和学校专业教师团队组成混编师资团队，针对课程形成理论基础+行业数字化应用两个层次多个维度的分工合作，优势互补，相互促进，形成师资立方体，实现嵌入式融合创新实践。
</p>
</div>
</section>
<section class="section">
<div class="section-inner">
<h2 class="section-title">长期培养数字技能授课师资</h2>
<p class="section-desc">
师资培养发扬自身特色和发挥资源优势，主要围绕数字素质技能与教学创新团队两个方面展开，着重加强数字化人才培养方面的培训，定期开展培训交流研讨，推动教师及专业数字化改造“双师”团队的建设。
</p>
<ul class="al-list">
<li v-for="item in jfalList" :key="item"><img :src="item" /></li>
</ul>
</div>
</section>
</div>
</template>
<script>
export default {
data() {
return {
// 交付案例
jfalList: [
'https://webapp-pub.ezijing.com/www/pc/digital/yx_3/show_1.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_3/show_2.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_3/show_3.png'
]
}
}
}
</script>
<style lang="scss" scoped>
.banner {
img {
width: 100%;
}
}
.section:nth-child(even) {
background-color: #f9f8f8;
}
.section:nth-child(odd) {
background-color: #fff;
}
.section-inner {
width: 1200px;
margin: 0 auto;
padding: 100px 0;
}
.section-title {
margin-bottom: 36px;
font-size: 30px;
font-family: Source Han Sans CN;
font-weight: bold;
line-height: 32px;
color: #333333;
text-align: center;
}
.section-subtitle {
display: inline-block;
margin: 36px 0;
font-size: 20px;
line-height: 32px;
color: #424242;
border-bottom: 1px solid var(--main-color);
}
.section-desc {
font-size: 18px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 34px;
color: #666666;
}
.section-pic {
text-align: center;
img {
max-width: 100%;
}
}
.al-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
li {
transition: all 0.3s;
&:hover {
transform: scale(1.06);
}
}
}
</style>
pages/digital/zf_1.vue 0 → 100644
浏览文件 @ 043dcc63
<!-- 引产入校 -->
<template>
<div>
<div class="banner">
<img src="https://webapp-pub.ezijing.com/www/pc/digital/banner.png" />
</div>
<section class="section">
<div class="section-inner">
<h2 class="section-title">数字技能公共实训基地</h2>
<p class="section-desc">
发展数字经济，人才是关键，也是产业园区招商引资的差异化竞争力和服务。紫荆教育为政府（产业园区）提供“数字人才技能实践基地”解决方案，建设”1385“核心内容等项目。紫荆教育的领先产品、丰富产业资源和强大运营能力和政府或者产业园区结合，将极大的提高政府数字人才培养的效率和产业竞争力。
</p>
</div>
<div class="section-pic" style="margin-bottom: 60px"><img src="https://webapp-pub.ezijing.com/www/pc/digital/zf_1/1.png" /></div>
</section>
<section class="section">
<div class="section-inner">
<div class="section-pic" style="margin-bottom: 60px"><img src="https://webapp-pub.ezijing.com/www/pc/digital/zf_1/2.png" /></div>
<h2 class="section-title">交付案例</h2>
<ul class="al-list">
<li v-for="item in jfalList" :key="item"><img :src="item" /></li>
</ul>
</div>
</section>
</div>
</template>
<script>
export default {
data() {
return {
// 交付案例
jfalList: ['https://webapp-pub.ezijing.com/www/pc/digital/zf_1/al_1.png', 'https://webapp-pub.ezijing.com/www/pc/digital/zf_1/al_2.png']
}
}
}
</script>
<style lang="scss" scoped>
.banner {
img {
width: 100%;
}
}
.section:nth-child(even) {
background-color: #fff;
}
.section:nth-child(odd) {
background-color: #f9f8f8;
}
.section-inner {
width: 1200px;
margin: 0 auto;
padding: 100px 0;
}
.section-title {
margin-bottom: 36px;
font-size: 30px;
font-family: Source Han Sans CN;
font-weight: bold;
line-height: 32px;
color: #333333;
text-align: center;
}
.section-subtitle {
display: inline-block;
margin: 36px 0;
font-size: 20px;
line-height: 32px;
color: #424242;
border-bottom: 1px solid var(--main-color);
}
.section-desc {
font-size: 18px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 34px;
color: #666666;
text-align: center;
}
.section-pic {
text-align: center;
img {
max-width: 100%;
}
}
.al-list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
li {
transition: all 0.3s;
&:hover {
transform: scale(1.06);
}
}
}
</style>
pages/goverment/Index.vue
浏览文件 @ 043dcc63
<template>
<div class="main_content">
<img class="banner" src="https://webapp-pub.ezijing.com/www/pc/goverment/goverment_banner.png" alt="" />
<img class="banner" src="https://webapp-pub.ezijing.com/www/pc/goverment/goverment_banner.png" />
<div class="content_part">
<div class="part_title">数字经济产教融合实践基地</div>
<div class="part_desc">
......@@ -10,7 +10,7 @@
<div class="content_part1">
<div class="part_title">专注专业内涵建设，全流程实现高质量人才培养闭环</div>
<div class="part_desc">“政、校、企、行”协同创新为引领， “1（政府）+1（清控紫荆）+N（周边高校）”的模式</div>
<img class="part_img" src="https://webapp-pub.ezijing.com/www/pc/goverment/goverment_con1.png" alt="" />
<img class="part_img" src="https://webapp-pub.ezijing.com/www/pc/goverment/goverment_con1.png" />
<div class="part_zj">
<div class="zj_tit">紫荆提供</div>
<div class="zj_con">
......@@ -116,8 +116,7 @@ export default {
imgActive: 'https://webapp-pub.ezijing.com/www/pc/goverment/icon_zy2_active.png',
tit: '四精准、三立足',
desc:
'精准对标要求、精准开发课程、<br/>精准开展培养、精准实现就业<br/>立足商业数据分析实验室”“数字营销实验室”“云计算实验室”',
desc: '精准对标要求、精准开发课程、<br/>精准开展培养、精准实现就业<br/>立足商业数据分析实验室”“数字营销实验室”“云计算实验室”',
tips: '创新人才培养模式'
},
{
......@@ -125,8 +124,7 @@ export default {
imgActive: 'https://webapp-pub.ezijing.com/www/pc/goverment/icon_zy3_active.png',
tit: '注重双能、引培结合',
desc:
'引入产业课程、打造混编教师团队<br/>校企共建“技能大师工坊”群<br/>共建教学指导委员会，引进社会化服务团队带头人',
desc: '引入产业课程、打造混编教师团队<br/>校企共建“技能大师工坊”群<br/>共建教学指导委员会，引进社会化服务团队带头人',
tips: '打造高水平教学团队'
},
{
......@@ -134,8 +132,7 @@ export default {
imgActive: 'https://webapp-pub.ezijing.com/www/pc/goverment/icon_zy4_active.png',
tit: '紧贴产业、育训结合',
desc:
'人才电子档案和能力数字画像<br/>工业级实验软件，还原真实的数字作业场景企<br/>业实践案例，满足多行业技能实验',
desc: '人才电子档案和能力数字画像<br/>工业级实验软件，还原真实的数字作业场景企<br/>业实践案例，满足多行业技能实验',
tips: '共建校内实训基地'
},
{
......@@ -143,8 +140,7 @@ export default {
imgActive: 'https://webapp-pub.ezijing.com/www/pc/goverment/icon_zy5_active.png',
tit: '对标精品、注重融通',
desc:
'校企联合开发产教融合型校本教材<br/>开展“课堂革命”，创新教学方法和课堂教学<br/>建设融通多类型技能竞赛、考证培训、员工培训等课程',
desc: '校企联合开发产教融合型校本教材<br/>开展“课堂革命”，创新教学方法和课堂教学<br/>建设融通多类型技能竞赛、考证培训、员工培训等课程',
tips: '开发校企合作课程'
},
{
......
pages/practice/index.vue
浏览文件 @ 043dcc63
......@@ -13,16 +13,14 @@
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/practice/Index/jd_bg_en.png'
: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/practice/Index/jd_bg.png'
"
alt=""
/>
" />
</div>
<div class="content_part3">
<div class="part3_con">
<div class="con_list" v-for="(item, index) in list" :key="index" @click="$router.push(item.url)">
<div class="mask"></div>
<img class="img" :src="item.img" alt="" />
<img class="imgActive" :src="item.imgActive" alt="" />
<img class="img" :src="item.img" />
<img class="imgActive" :src="item.imgActive" />
<div class="list_tit">{{ item.title }}</div>
<div class="list_desc" v-html="item.desc"></div>
<div class="list_btn">{{ $t('skill.item_btn') }}</div>
......
pages/practice/industry.vue
浏览文件 @ 043dcc63
<template>
<div class="main_content">
<img class="banner" src="https://webapp-pub.ezijing.com/www/pc/goverment/goverment_banner.png" alt="" />
<img class="banner" src="https://webapp-pub.ezijing.com/www/pc/goverment/goverment_banner.png" />
<div class="content_part">
<div class="part_title">{{ $t('industry.tit') }}</div>
<div class="part_desc">
......@@ -16,9 +16,7 @@
$cookies.get('lang') === 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/goverment/goverment_con1_en.png'
: 'https://webapp-pub.ezijing.com/www/pc/goverment/goverment_con1.png'
"
alt=""
/>
" />
<div class="part_zj">
<div class="zj_tit">
<span>
......
pages/practice/laboratory/analysis.vue
浏览文件 @ 043dcc63
......@@ -5,9 +5,7 @@
<div class="content_top">
<div class="top_con">
<p>
<b
>数据分析、数字运营、数字营销是数字化人才的核心必备能力。在“数字化核心能力专业建设”和“数字＋全行业专业建设”中，数据分析能力是数字化人才培养的核心基础能力！</b
>
<b>数据分析、数字运营、数字营销是数字化人才的核心必备能力。在“数字化核心能力专业建设”和“数字＋全行业专业建设”中，数据分析能力是数字化人才培养的核心基础能力！</b>
</p>
<p>
2018年以来，清控紫荆教育通过调研600+数字化及数字化转型企业，举办100+场次以行企专家、高校学科带头人、学者为主的研讨会，分析近三年超过180万+数字经济从业岗位需求，对比分析200+数字经济相关专业人才培养方案，梳理出商业数据分析通用能力模型。
......@@ -20,9 +18,7 @@
</div>
<div class="article-item article-item1">
<h2 class="article-item-title">核心优势</h2>
<p class="article-item-desc">
清控紫荆教育商业数据分析实验室具有鲜明的“开放、共享、互动”的特点，与传统的实验实训软件相比具有如下优势。
</p>
<p class="article-item-desc">清控紫荆教育商业数据分析实验室具有鲜明的“开放、共享、互动”的特点，与传统的实验实训软件相比具有如下优势。</p>
<div class="hxys-item" v-for="(item, index) in hxysList" :key="index">
<img :src="item.url" />
<div class="hxys-item-inner">
......@@ -44,9 +40,7 @@
<h4 class="article-subitem-subtitle">内置行业数据集</h4>
<p class="article-subitem-desc">
商业数据分析实验室内置多个经过数据脱敏和教育适配性改造之后的高质量行业数据集，<b
>涵盖金融、互联网、交通、政府、娱乐、教育、体育、环境、商业、媒体、电商等10+领域。</b
>
商业数据分析实验室内置多个经过数据脱敏和教育适配性改造之后的高质量行业数据集，<b>涵盖金融、互联网、交通、政府、娱乐、教育、体育、环境、商业、媒体、电商等10+领域。</b>
</p>
<swiper :options="swiperOption">
<swiper-slide v-for="(item, index) in hysjList" :key="index" class="hysj-item">
......@@ -70,9 +64,7 @@
每个行业教学案例包含4个课时的学习内容，既包含面向学生的学习指导（实验指导书、实验学习视频等），也包含面向教师的教学指导、对应的课程资源（教学方案、教学PPT、视频、题库等）、对应数据集以及程序源代码等。让学生在校即可熟练掌握真实商业环境下的业务操作和商业数据分析，实现教学与行业的无缝对接。
</p>
<img src="https://webapp-pub.ezijing.com/www/pc/services/dataAnalysis/04.png" class="img" />
<p class="article-subitem-desc" style="margin-top:40px">
每个行业案例均能够支撑多门课程的教学使用，部分案例详细描述如下：
</p>
<p class="article-subitem-desc" style="margin-top: 40px">每个行业案例均能够支撑多门课程的教学使用，部分案例详细描述如下：</p>
<img src="https://webapp-pub.ezijing.com/www/pc/services/dataAnalysis/05.png" class="img" />
</div>
<div class="article-subitem">
......@@ -86,12 +78,8 @@
</div>
<div class="article-subitem">
<h3 class="article-subitem-title"><span>配套服务介绍</span></h3>
<p class="article-subitem-desc">
清控紫荆教育提供教学服务的目标是解决长期以来学校采购商业级软件但却无法有效服务于教学与实训的问题。
</p>
<h4 class="article-subitem-subtitle" style="margin-top:26px;">
清控紫荆教育商业数据分析实验室提供如下产品、教学和资源建设等相关服务：
</h4>
<p class="article-subitem-desc">清控紫荆教育提供教学服务的目标是解决长期以来学校采购商业级软件但却无法有效服务于教学与实训的问题。</p>
<h4 class="article-subitem-subtitle" style="margin-top: 26px">清控紫荆教育商业数据分析实验室提供如下产品、教学和资源建设等相关服务：</h4>
<div class="service-wrapper">
<div class="service-item" v-for="(item, index) in serviceList" :key="index">
<img :src="item.icon" class="service-icon" />
......@@ -121,8 +109,7 @@ export default {
{
url: 'https://webapp-pub.ezijing.com/www/pc/services/dataAnalysis/hxys_02.png',
title: '优势二：内置海量行业真实数据集和案例集',
desc:
'平台内置海量高质量真实行业数据集，配套教学课程及30多个行业真实案例，可用于商业级数据分析场景，实现教学与行业的无缝对接。'
desc: '平台内置海量高质量真实行业数据集，配套教学课程及30多个行业真实案例，可用于商业级数据分析场景，实现教学与行业的无缝对接。'
},
{
url: 'https://webapp-pub.ezijing.com/www/pc/services/dataAnalysis/hxys_03.png',
......@@ -132,14 +119,12 @@ export default {
{
url: 'https://webapp-pub.ezijing.com/www/pc/services/dataAnalysis/hxys_04.png',
title: '优势四：工业级商业平台功能，与真实工作场景无缝对接',
desc:
'通过将商业级数据分析平台进行教育适配，使得平台更加简单方便，便于学生进行实操实战。同时平台还兼顾商业级产品完善的安全管控，后台监控，高性能，高可靠和灵活的集成对接能力。'
desc: '通过将商业级数据分析平台进行教育适配，使得平台更加简单方便，便于学生进行实操实战。同时平台还兼顾商业级产品完善的安全管控，后台监控，高性能，高可靠和灵活的集成对接能力。'
},
{
url: 'https://webapp-pub.ezijing.com/www/pc/services/dataAnalysis/hxys_05.png',
title: '优势五：平台具备多种特色功能且部署灵活',
desc:
'低代码，自服务；内置人工智能AI算法；算法模型扩展等多种特色功能，通过“公有云+私有云”的灵活部署方式，满足多种场景下的混合式教学。'
desc: '低代码，自服务；内置人工智能AI算法；算法模型扩展等多种特色功能，通过“公有云+私有云”的灵活部署方式，满足多种场景下的混合式教学。'
}
],
// 内置行业数据集
......@@ -160,18 +145,15 @@ export default {
ptgnjsList: [
{
title: '特色功能一：低代码，自服务',
desc:
'通过学生自主进行拖拽和配置的低代码编辑功能，将数据集成、数据处理、数据探索等传统且需要一定编程能力要求的实验操作场景难度大大降低，几乎实现零代码，大大提升了实验室对不同专业学生的适应性。'
desc: '通过学生自主进行拖拽和配置的低代码编辑功能，将数据集成、数据处理、数据探索等传统且需要一定编程能力要求的实验操作场景难度大大降低，几乎实现零代码，大大提升了实验室对不同专业学生的适应性。'
},
{
title: '特色功能二：深度融合 AI',
desc:
'平台内置人工智能 AI 算法，能够实现统计分析、分类算法、回归算法、聚类算法、关联规则、时间序列等多种 AI 算法的零代码使用，大大降低 AI 算法使用难度。'
desc: '平台内置人工智能 AI 算法，能够实现统计分析、分类算法、回归算法、聚类算法、关联规则、时间序列等多种 AI 算法的零代码使用，大大降低 AI 算法使用难度。'
},
{
title: '特色功能三：算法模型扩展',
desc:
'平台具备与 Python 和 R 语言的对接，支持运行 Python 和 R 语言脚本，满足对于算法模型开发和调试的高阶要求。'
desc: '平台具备与 Python 和 R 语言的对接，支持运行 Python 和 R 语言脚本，满足对于算法模型开发和调试的高阶要求。'
}
],
// 配套服务介绍
......@@ -293,7 +275,7 @@ export default {
overflow: hidden;
&:hover {
img {
transform: scale(1.1);
transform: scale(1.06);
}
}
img {
......@@ -378,7 +360,7 @@ export default {
overflow: hidden;
&:hover {
img {
transform: scale(1.1);
transform: scale(1.06);
}
}
img {
......
pages/practice/laboratory/index.vue
浏览文件 @ 043dcc63
<template>
<div class="main_content">
<img class="banner" src="https://webapp-pub.ezijing.com/www/pc/practice/laboratory/laboratory_banner.png" alt="" />
<img class="banner" src="https://webapp-pub.ezijing.com/www/pc/practice/laboratory/laboratory_banner.png" />
<div class="content_part">
<div class="part_title">{{ $t('laboratory.tit') }}</div>
<div class="part_desc">
......@@ -15,9 +15,7 @@
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/practice/laboratory/img1_en.png'
: 'https://webapp-pub.ezijing.com/www/pc/practice/laboratory/img1.png'
"
alt=""
/>
" />
</div>
<div class="content_tab" v-if="$cookies.get('lang') !== 'en-US'">
<div class="tab_con">
......
pages/practice/laboratory/marketing.vue
浏览文件 @ 043dcc63
......@@ -61,7 +61,7 @@
<div class="major_tit">专业（专科示例）</div>
<div class="major_con">
<div class="con_list" v-for="(item, index) in majorList" :key="index">
<img :src="item.img" alt="" />
<img :src="item.img" />
<div class="mask"></div>
<div class="list_tit">{{ item.tit }}</div>
</div>
......@@ -86,13 +86,7 @@
<div class="con_tit">数字营销实验室“学-练-训”一体化能力培养思路</div>
<div class="con_list">
<div class="list_left">
<div
class="left_tab"
v-for="(item, index) in tabList"
:key="index"
@mouseover="navActive(item, index)"
:class="{ active: index === tabActive }"
>
<div class="left_tab" v-for="(item, index) in tabList" :key="index" @mouseover="navActive(item, index)" :class="{ active: index === tabActive }">
<div class="tab_con">
<div class="con_index">{{ index + 1 }}</div>
<div class="con_tit">{{ item.tit }}</div>
......@@ -100,37 +94,25 @@
</div>
</div>
<div class="list_img" v-if="tabActive === 0">
<img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/practice/marketing/integrated1.png"
alt=""
/>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/practice/marketing/integrated1.png" />
<ul class="list_con">
<li v-for="(item, index) in tabListItem1" :key="index">{{ item }}</li>
</ul>
</div>
<div class="list_img" v-if="tabActive === 1">
<img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/practice/marketing/integrated2.png"
alt=""
/>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/practice/marketing/integrated2.png" />
<ul class="list_con">
<li v-for="(item, index) in tabListItem2" :key="index">{{ item }}</li>
</ul>
</div>
<div class="list_img" v-if="tabActive === 2">
<img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/practice/marketing/integrated3.png"
alt=""
/>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/practice/marketing/integrated3.png" />
<ul class="list_con">
<li v-for="(item, index) in tabListItem3" :key="index">{{ item }}</li>
</ul>
</div>
<div class="list_img" v-if="tabActive === 3">
<img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/practice/marketing/integrated4.png"
alt=""
/>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/practice/marketing/integrated4.png" />
<ul class="list_con">
<li v-for="(item, index) in tabListItem4" :key="index">{{ item }}</li>
</ul>
......@@ -139,23 +121,13 @@
</div>
</div>
<div class="content_laboratory">
<div class="laboratory_tit">
紫荆教育数字营销实验室
</div>
<div class="laboratory_tit">紫荆教育数字营销实验室</div>
<div class="laboratory_img">
<div class="img_txt">
“学 - 练 - 训 - 赛”一体化人才培养，教学与行业场景无缝衔接
</div>
<div class="img_txt">“学 - 练 - 训 - 赛”一体化人才培养，教学与行业场景无缝衔接</div>
</div>
<div class="laboratory_con">
<div class="con_tab">
<div
class="tab_item"
v-for="(item, index) in laboratoryList"
:key="index"
@mouseover="navTabActive(item, index)"
:class="{ active: index === tabLabActive }"
>
<div class="tab_item" v-for="(item, index) in laboratoryList" :key="index" @mouseover="navTabActive(item, index)" :class="{ active: index === tabLabActive }">
<img :src="item.img" class="item_img" />
<img :src="item.imgActive" class="item_imgActive" />
<div class="item_tit">{{ item.tit }}</div>
......@@ -163,10 +135,7 @@
</div>
</div>
<div class="con_main" v-if="tabLabActive === 0">
<img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/practice/marketing/laTab1_bg.png"
class="main_img1"
/>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/practice/marketing/laTab1_bg.png" class="main_img1" />
<div class="main_part">
<div class="part_list" v-for="(item, index) in labList1">
<div class="list_index">{{ '0' + (index + 1) }}</div>
......@@ -182,30 +151,22 @@
</el-carousel>
</div>
<div class="con_main" v-if="tabLabActive === 2">
<img src="https://webapp-pub.ezijing.com/www/pc/practice/marketing/laTab3_bg.png" alt="" />
<img src="https://webapp-pub.ezijing.com/www/pc/practice/marketing/laTab3_bg.png" />
</div>
</div>
</div>
<div class="content_laboratory1">
<div class="laboratory1_con">
<div class="con_tit">紫荆教育数字营销实验室</div>
<img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/practice/marketing/la1_img.png"
class="con_img"
/>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/practice/marketing/la1_img.png" class="con_img" />
</div>
</div>
<div class="content_resource">
<div class="resource_tit">
配套资源：内置数字化营销案例与配套数据
</div>
<div class="resource_tit">配套资源：内置数字化营销案例与配套数据</div>
<div class="resource_desc">
数字营销实验室内置经过教育适配化之后的行业真实教学案例库，目前案例数量已达近20个，教学学时数已达到80+。每一个行业教学案例包含4个课时的学习内容和资源，既有面向学生的学习资源（实验指导书、实验学习视频等），也有面向教师的资源（教学指导、教学方案、教学PPT、视频、题库等），案例配套数据集以及相关程序等。让学生在校即可熟练掌握真实商业环境下的营销场景、营销流程和自动化、精细化营销，实现教学与行业的无缝对接。
</div>
<img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/practice/marketing/resource_img.png"
class="resource_img"
/>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/practice/marketing/resource_img.png" class="resource_img" />
</div>
<div class="content_service">
<div class="service_tit">紫荆教育实验室产品配套服务</div>
......@@ -424,13 +385,7 @@ export default {
tit: '提供多维度、多对象的专业服务'
}
],
tabListItem1: [
'真实工业级营销平台',
'用户精细化、分层管理',
'自动营销旅程配置',
'基于标签体系的精细化营销管理',
'实时数据画像分析'
],
tabListItem1: ['真实工业级营销平台', '用户精细化、分层管理', '自动营销旅程配置', '基于标签体系的精细化营销管理', '实时数据画像分析'],
tabListItem2: ['实训指导书', '操作视频', '论坛与答疑', '一键截图与一键提交', '实训评分'],
tabListItem3: ['配套课程资源', '配套实训资源', '配套行业案例', 'PPT+Word+视频+题库+试卷+……'],
tabListItem4: [
......@@ -468,12 +423,7 @@ export default {
desc: '产品服务+教学服务+科研服务+…'
}
],
labList1: [
'工业级数字营销平台产品',
'全面实现营销精细化管理',
'完善的营销数据分析画像',
'完善的营销数据分析画像'
],
labList1: ['工业级数字营销平台产品', '全面实现营销精细化管理', '完善的营销数据分析画像', '完善的营销数据分析画像'],
labList2: [
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/practice/marketing/laTab2_bg1.png',
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/practice/marketing/laTab2_bg2.png',
......@@ -1176,8 +1126,7 @@ export default {
.content_bottom {
width: 100%;
height: 483px;
background: url('https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/practice/marketing/bottom_img.png') no-repeat
center;
background: url('https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/practice/marketing/bottom_img.png') no-repeat center;
margin: 70px 0;
}
}
......
pages/practice/study.vue
浏览文件 @ 043dcc63
......@@ -43,20 +43,14 @@
<div class="part_con">
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/practice/study/map1_en.png'
: 'https://webapp-pub.ezijing.com/www/pc/practice/study/map1.png'
$cookies.get('lang') == 'en-US' ? 'https://webapp-pub.ezijing.com/www/pc/practice/study/map1_en.png' : 'https://webapp-pub.ezijing.com/www/pc/practice/study/map1.png'
"
class=""
/>
class="" />
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/practice/study/map2_en.png'
: 'https://webapp-pub.ezijing.com/www/pc/practice/study/map2.png'
$cookies.get('lang') == 'en-US' ? 'https://webapp-pub.ezijing.com/www/pc/practice/study/map2_en.png' : 'https://webapp-pub.ezijing.com/www/pc/practice/study/map2.png'
"
class=""
/>
class="" />
</div>
</div>
<div class="content_part3">
......@@ -65,17 +59,12 @@
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/practice/study/part3_bg_en.png'
: 'https://webapp-pub.ezijing.com/www/pc/practice/study/part3_bg.png'
"
alt=""
/>
" />
</div>
<div class="content_part4">
<div class="mask"></div>
<div class="part_con">
<div
:class="$cookies.get('lang') == 'en-US' ? 'con_left_en' : 'con_left'"
v-html="$t('study.contact_tit')"
></div>
<div :class="$cookies.get('lang') == 'en-US' ? 'con_left_en' : 'con_left'" v-html="$t('study.contact_tit')"></div>
<div class="con_right">
<el-form :model="form" :rules="rules" ref="form">
<!-- <el-form-item prop="name">
......
pages/practice/talent.vue
浏览文件 @ 043dcc63
......@@ -30,7 +30,7 @@
{{ item.desc }}
</div>
</div>
<img :src="item.image_url" alt="" />
<img :src="item.image_url" />
</div>
</div>
</section>
......
pages/roadmap/index.vue
浏览文件 @ 043dcc63
......@@ -9,8 +9,7 @@
:placement="item.position"
v-model="item.isShow"
visible-arrow="true"
@show="handleShow(item)"
>
@show="handleShow(item)">
<div v-for="(it, indexItem) in item.projectList" :key="indexItem" class="project_name">
<AppLink :data="it">
{{ it.name }}
......@@ -27,21 +26,14 @@
</template>
<div slot="reference" class="banner_roadList_con">
<img :src="item.icon" alt="" />
<img :src="item.icon" />
<div class="item_title">{{ item.title }}</div>
</div>
</el-popover>
</div>
<div class="banner_homeList">
<div v-for="(itemRoad, indexRoad) in homeListNew" :key="indexRoad">
<el-popover
trigger="hover"
popper-class="popover"
:placement="itemRoad.position"
v-model="itemRoad.isShow"
:title="itemRoad.project_name"
@show="handleShow(itemRoad)"
>
<el-popover trigger="hover" popper-class="popover" :placement="itemRoad.position" v-model="itemRoad.isShow" :title="itemRoad.project_name" @show="handleShow(itemRoad)">
<div>
<div v-for="(it, indexItem) in itemRoad.itemList" :key="indexItem" class="project_name">
<AppLink :data="it">
......@@ -50,7 +42,7 @@
</div>
</div>
<div slot="reference" class="banner_homeList_con">
<img :src="itemRoad.icon" alt="" />
<img :src="itemRoad.icon" />
<div class="item_title">{{ itemRoad.title }}</div>
</div>
</el-popover>
......@@ -58,11 +50,7 @@
</div>
</div>
<div class="w1200">
<ProjectCard
title="在线国际学位"
:list="internationalDegreeProjectList"
baseUrl="/internationalDegree"
></ProjectCard>
<ProjectCard title="在线国际学位" :list="internationalDegreeProjectList" baseUrl="/internationalDegree"></ProjectCard>
<ProjectCard title="留学中心" :list="studyAbroadProjectList" baseUrl="/studyAbroad"></ProjectCard>
</div>
</div>
......@@ -114,10 +102,7 @@ export default {
if (item.projectList.find(it => it.tenant === this.learningInfo[0].tenant)) {
item.isShow = true
item.project_name = '我的项目:'
} else if (
!this.otherInfo.find(item => item.status === '1') &&
this.otherInfo.find(item => item.status === '0')
) {
} else if (!this.otherInfo.find(item => item.status === '1') && this.otherInfo.find(item => item.status === '0')) {
this.graduateInfo[0].isShow = true
this.graduateInfo[0].project_name = '我的项目:'
}
......@@ -147,10 +132,7 @@ export default {
if (item.itemList.find(it => it.tenant === this.learningInfo[0].tenant)) {
item.isShow = true
item.project_name = '我的项目:'
} else if (
!this.otherInfo.find(item => item.status === '1') &&
this.otherInfo.find(item => item.status === '0')
) {
} else if (!this.otherInfo.find(item => item.status === '1') && this.otherInfo.find(item => item.status === '0')) {
this.graduateInfo[0].isShow = true
this.graduateInfo[0].project_name = '我的项目:'
}
......
pages/services/college/index.vue
浏览文件 @ 043dcc63
......@@ -4,40 +4,28 @@
<img src="https://webapp-pub.ezijing.com/www/pc/college-m1-banner.jpg" class="banner" />
<!-- <template #article> -->
<div class="content-mian module-1">
<p style="font-size: 16px; color: rgb(85, 85, 85); margin-bottom: 20px;">
<p style="font-size: 16px; color: rgb(85, 85, 85); margin-bottom: 20px">
清控紫荆教育的数字经济产业学院主要分为新文科，新工科和智能制造三大方向，以数字科技为基础，形成了商业数据分析、数字营销、数字运营、数字媒体技术、数字金融；网络安全、物联网技术、云计算、人工智能；智能制造、软件应用技术、智能驾驶、智能家电、工业机器人等三大专业群。同时，基于数字经济典型应用场景，以数字化改造和专业升级为关键，围绕数字金融、数字智能制造、数字贸易、数字医疗、数字农业管理、数字能源等核心行业应用方向，进行“数字＋全行业”的专业建设。
</p>
<p style="font-size: 16px; color: rgb(85, 85, 85); margin-bottom: 20px;">
<p style="font-size: 16px; color: rgb(85, 85, 85); margin-bottom: 20px">
清控紫荆教育自2018年以来，调研了业内600+数字化和数字化转型企业实体，了解企业用人需求、梳理数字人才岗位能力模型；举办了100+场次的以行业专家、高职本科学科带头人、重点本科学者为主的研讨会；分析了近三年超过180万+从业岗位需求；走访200+院校，进行对比分析数字经济相关专业的人才培养方案。
</p>
<p style="font-size: 16px; color: rgb(85, 85, 85); margin-bottom: 20px;">
<p style="font-size: 16px; color: rgb(85, 85, 85); margin-bottom: 20px">
目前，清控紫荆教育已经与国内100多所高等院校达成合作意向，落地共建数字经济产业学院，形成了以“学校—紫荆—产业”的联动人才培养模式，未来三年将落地超过100所数字经济产业学院，培养的数字经济人才超过10万人。
</p>
<p style="font-size: 18px;font-weight: 400;color: #A81840;margin-bottom:33px">
依托数字经济人才需求-能力模型
</p>
<p style="font-size: 18px; font-weight: 400; color: #a81840; margin-bottom: 33px">依托数字经济人才需求-能力模型</p>
<img src="https://webapp-pub.ezijing.com/www/pc/services/college/power_02.png" />
<div>
<p style="font-size: 18px;font-weight: 400;color: #000000;margin-bottom:20px">
国际化引领新时代高校拔尖创新人才培养
</p>
<p style="font-size: 16px;font-weight: 400;color: #555;margin-bottom:20px">
<p style="font-size: 18px; font-weight: 400; color: #000000; margin-bottom: 20px">国际化引领新时代高校拔尖创新人才培养</p>
<p style="font-size: 16px; 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" />
<p style="font-size: 18px;font-weight: 400;color: #000000;margin-bottom:20px">
紫荆数字经济产业学院有以下主要特点
</p>
<img style="margin-bottom: 0" src="https://webapp-pub.ezijing.com/www/pc/services/college/power_01.png" />
<p style="font-size: 18px; font-weight: 400; color: #000000; margin-bottom: 20px">紫荆数字经济产业学院有以下主要特点</p>
<ul>
<li
v-for="(item, index) in navList"
:key="index"
class="li"
:class="{ active: index === tabActive }"
@mouseover="navActive(item, index)"
>
<img :src="index === tabActive ? item.activeImg : item.img" style="width:43px;height:43px" />
<li v-for="(item, index) in navList" :key="index" class="li" :class="{ active: index === tabActive }" @mouseover="navActive(item, index)">
<img :src="index === tabActive ? item.activeImg : item.img" style="width: 43px; height: 43px" />
<div class="name">{{ item.name }}</div>
</li>
</ul>
......@@ -53,8 +41,7 @@
<li>企业人才需求强劲</li>
</ul>
<p class="desc">
“加快数字化发展，建设数字中国”
国家推进数字化转型的认识和决心不断强化，不断出台支持政策，数字化转型的发展化境不断优化。
“加快数字化发展，建设数字中国” 国家推进数字化转型的认识和决心不断强化，不断出台支持政策，数字化转型的发展化境不断优化。
<br />
<br />
预计2035年中国整体数字经济规模将近16万亿，总就业容量达到4.15亿人，从目前存量看，中国国高技能人才仅占整体劳动力市场的4%，数字经济类人才缺口巨大。
......@@ -205,7 +192,7 @@ export default {
overflow: hidden;
&:hover {
.bg {
transform: scale(1.1);
transform: scale(1.06);
}
}
}
......@@ -220,7 +207,7 @@ export default {
overflow: hidden;
&:hover {
.bg {
transform: scale(1.1);
transform: scale(1.06);
}
}
}
......
pages/services/college/project.vue
浏览文件 @ 043dcc63
......@@ -4,15 +4,11 @@
<img src="https://webapp-pub.ezijing.com/www/pc/industry/img5.png" class="banner" />
<!-- <template #article> -->
<div class="module-2">
<p style="color: #424242;font-size:16px;">
<p style="color: #424242; font-size: 16px">
依托清控紫荆教育数字经济学院特色专业优势，结合地方院校的理论教学师资与清控紫荆教育业内、国际实践师资，围绕数字经济产业链、价值链，服务地方数字经济战略，与行业龙头企业及国际跨国企业深度合作，努力将数字经济学院打造成为省市，乃至国家级的一流产业学院。
</p>
<p style="color: #424242;font-size:16px;font-weight: 400;margin-top:30px;">
数字经济产业学院服务项目
</p>
<p style="color: #424242;font-size:14px;margin-top:20px;margin-bottom:17px">
为学校、学生和企业提供长期的闭环服务
</p>
<p style="color: #424242; font-size: 16px; font-weight: 400; margin-top: 30px">数字经济产业学院服务项目</p>
<p style="color: #424242; font-size: 14px; margin-top: 20px; margin-bottom: 17px">为学校、学生和企业提供长期的闭环服务</p>
<ul>
<li
v-for="(item, index) in tabsList"
......@@ -21,26 +17,22 @@
@click="tabsClick(item, index)"
@mouseenter="handleMsEnter(index)"
@mouseleave="handleMsLeave"
:class="{ active: index === tabsActive, isHover: index === hoverIndex }"
>
<img
:src="index === tabsActive || index === hoverIndex ? item.activeImg : item.img"
style="width:43px;height:43px"
/>
:class="{ active: index === tabsActive, isHover: index === hoverIndex }">
<img :src="index === tabsActive || index === hoverIndex ? item.activeImg : item.img" style="width: 43px; height: 43px" />
<div class="name">{{ item.name }}</div>
<p>{{ item.dec }}</p>
</li>
</ul>
<div class="content-mian" style="padding-top:10px;">
<div class="content-mian" style="padding-top: 10px">
<div class="con-img-box" v-if="tabsActive === 0">
<!-- <img src="https://webapp-pub.ezijing.com/www/pc/industry/image6.png" /> -->
<div style="position:relative;height:262px;margin-bottom:60px">
<img src="https://webapp-pub.ezijing.com/www/pc/industry/image7.png" style="width: 100%;;height:100%" />
<div style="position: relative; height: 262px; margin-bottom: 60px">
<img src="https://webapp-pub.ezijing.com/www/pc/industry/image7.png" style="width: 100%; height: 100%" />
<p class="desc">
面向产业转型发展和区域经济社会需求，清控紫荆教育与地方院校进行专业共建。以深化产教深度融合，创新人才培养方案、课程体系、方式方法、保障机制等。促成课程内容与技术发展衔接、教学过程与生产过程对接、人才培养与产业需求融合。达到共同建设省市乃至国家级的一流学科。
</p>
</div>
<p style="font-size:16px;color:#424242;margin-bottom:21px">三大专业范畴，10余个特色专业方向。</p>
<p style="font-size: 16px; color: #424242; margin-bottom: 21px">三大专业范畴，10余个特色专业方向。</p>
<div class="parts">
<div class="part">
<img src="https://webapp-pub.ezijing.com/www/pc/industry/img16.png" />
......@@ -60,8 +52,8 @@
<img src="https://webapp-pub.ezijing.com/www/pc/industry/image9.png" />
</div>
<div class="con-img-box" v-if="tabsActive === 1">
<div style="position:relative;height:262px;margin-bottom:60px">
<img src="https://webapp-pub.ezijing.com/www/pc/industry/image10.png" style="width: 100%;height:100%" />
<div style="position: relative; height: 262px; margin-bottom: 60px">
<img src="https://webapp-pub.ezijing.com/www/pc/industry/image10.png" style="width: 100%; height: 100%" />
<p class="desc">
紫荆教育数字经济产业学院SAAS平台（以下简称“ZJSAAS平台”）是由紫荆教育经过6年时间的教育科技实践，专门为与高校合作建立
数字经济产业学院而研发，以提高教学质量为目的，以数据科技为基础，
......@@ -71,39 +63,34 @@
<img src="https://webapp-pub.ezijing.com/www/pc/industry/image11.png" />
</div>
<div class="con-img-box" v-if="tabsActive === 2">
<div style="position:relative;height:262px;margin-bottom:60px">
<img src="https://webapp-pub.ezijing.com/www/pc/industry/image12.png" style="width: 100%;;height:100%" />
<div style="position: relative; height: 262px; margin-bottom: 60px">
<img src="https://webapp-pub.ezijing.com/www/pc/industry/image12.png" style="width: 100%; height: 100%" />
<p class="descc">
清控紫荆教育针对数字经济岗位要求，以培养学生综合职业能力为导向，结合学校数字经济专业实训条件，
提出了“引产入校、以产促教”的工学结合一体化人才培养思路，实施“边教、边做、边生产、边学习”。引
进企业产品生产任务，将一体化课程项目教学与实际产品生产相结合，灵活调整专业教学内容，安排学生参
与产品生产加工、市场推广运营、经营管理等环节。通过各种不同项目的教学和真实产品的生产经营，使学
生掌握各种岗位的技能与能力，了解企业经营生产组织方式、工艺流程、产品加工技术要求、市场推广、运
营管理等，形成必备的职业核心技能和素养。<br />清控紫荆教育追求深度融合，协同创新，充分发挥企业和学校在
生掌握各种岗位的技能与能力，了解企业经营生产组织方式、工艺流程、产品加工技术要求、市场推广、运 营管理等，形成必备的职业核心技能和素养。<br />清控紫荆教育追求深度融合，协同创新，充分发挥企业和学校在
产学融合中的作用，整合资源、优化结构，充分实现产学协同发展，培养高素质、高技能人才，并且形成独有的特色。
</p>
</div>
<img src="https://webapp-pub.ezijing.com/www/pc/industry/image13.png" />
</div>
<div class="con-img-box" v-if="tabsActive === 3">
<div style="position:relative;height:262px;margin-bottom:60px">
<img src="https://webapp-pub.ezijing.com/www/pc/industry/image14.png" style="width: 100%;;height:100%" />
<p class="desc">
清控紫荆教育实习就业服务以专业课程导入为前提，分为实训、就业指导与实习上岗三个层次。完成学生和用人企业的无缝对接，达成“学位即岗位”的目标。
</p>
<div style="position: relative; height: 262px; margin-bottom: 60px">
<img src="https://webapp-pub.ezijing.com/www/pc/industry/image14.png" style="width: 100%; height: 100%" />
<p class="desc">清控紫荆教育实习就业服务以专业课程导入为前提，分为实训、就业指导与实习上岗三个层次。完成学生和用人企业的无缝对接，达成“学位即岗位”的目标。</p>
</div>
<p style="font-size:18px;font-weight:400;color:#000000;margin-bottom:20px">
企业人力资源用人模式的改变
</p>
<p style="font-size: 18px; font-weight: 400; color: #000000; margin-bottom: 20px">企业人力资源用人模式的改变</p>
<img src="https://webapp-pub.ezijing.com/www/pc/industry/image15.png" />
<p style="color: #777777;font-weight: 300;font-size: 14px;margin-bottom:40px">
<p style="color: #777777; font-weight: 300; font-size: 14px; margin-bottom: 40px">
清控紫荆教育的产业、企业、学校联动的方式，在降低企业人力资源成本的同时提升了学生在实战项目中的应用技能，最终达到产业人才培养的目的。
</p>
<img src="https://webapp-pub.ezijing.com/www/pc/industry/image16.png" />
</div>
<div class="con-img-box" v-if="tabsActive === 4">
<div style="position:relative;height:262px;margin-bottom:60px">
<img src="https://webapp-pub.ezijing.com/www/pc/industry/image17.png" style="width: 100%;;height:100%" />
<div style="position: relative; height: 262px; margin-bottom: 60px">
<img src="https://webapp-pub.ezijing.com/www/pc/industry/image17.png" style="width: 100%; height: 100%" />
<p class="desc">
以新兴技术为基础，聚焦数字经济领域，清控紫荆教育汇集顶尖数字理论和应用研究专家，整合先进技术资源，通过产学研紧密
合作，建设成具有引领作用的创新型数字经济实验室，以案例作为实验室的核心要素，旨在创新技术研发、企业培育、校企合作培养专
......@@ -113,19 +100,16 @@
<img src="https://webapp-pub.ezijing.com/www/pc/industry/image18.png" />
</div>
<div class="con-img-box" v-if="tabsActive === 5">
<div style="position:relative;height:262px;margin-bottom:60px">
<img src="https://webapp-pub.ezijing.com/www/pc/industry/image19.png" style="width: 100%;;height:100%" />
<div style="position: relative; height: 262px; margin-bottom: 60px">
<img src="https://webapp-pub.ezijing.com/www/pc/industry/image19.png" style="width: 100%; height: 100%" />
<p class="desc">
以新兴技术为基础，聚焦数字经济领域，清控紫荆教育汇集顶尖数字理论和应用研究专家，整合先进技术资源，通过产学研紧密
合作，建设成具有引领作用的创新型数字经济实验室，以案例作为实验室的核心要素，旨在创新技术研发、企业培育、校企合作培养专
业人才等方面发挥重要作用，为数字经济人才提供学习提升的平台与机会，强化产学研协作培养顶尖数字人才，助推国家人才发展战略。
</p>
</div>
<img src="https://webapp-pub.ezijing.com/www/pc/industry/image20.png" /><img
src="https://webapp-pub.ezijing.com/www/pc/industry/image21.png"
/><img src="https://webapp-pub.ezijing.com/www/pc/industry/image22.png" /><img
src="https://webapp-pub.ezijing.com/www/pc/industry/image23.png"
/>
<img src="https://webapp-pub.ezijing.com/www/pc/industry/image20.png" /><img src="https://webapp-pub.ezijing.com/www/pc/industry/image21.png" /><img
src="https://webapp-pub.ezijing.com/www/pc/industry/image22.png" /><img src="https://webapp-pub.ezijing.com/www/pc/industry/image23.png" />
</div>
</div>
</div>
......@@ -335,7 +319,7 @@ export default {
overflow: hidden;
&:hover {
img {
transform: scale(1.1);
transform: scale(1.06);
}
}
img {
......
pages/services/dataAnalysis.vue
浏览文件 @ 043dcc63
......@@ -4,9 +4,7 @@
<img src="https://webapp-pub.ezijing.com/www/pc/services/dataAnalysis/banner.png" class="banner" />
<article class="main-content">
<p>
<b
>数据分析、数字运营、数字营销是数字化人才的核心必备能力。在“数字化核心能力专业建设”和“数字＋全行业专业建设”中，数据分析能力是数字化人才培养的核心基础能力！</b
>
<b>数据分析、数字运营、数字营销是数字化人才的核心必备能力。在“数字化核心能力专业建设”和“数字＋全行业专业建设”中，数据分析能力是数字化人才培养的核心基础能力！</b>
</p>
<p>
2018年以来，清控紫荆教育通过调研600+数字化及数字化转型企业，举办100+场次以行企专家、高校学科带头人、学者为主的研讨会，分析近三年超过180万+数字经济从业岗位需求，对比分析200+数字经济相关专业人才培养方案，梳理出商业数据分析通用能力模型。
......@@ -38,9 +36,7 @@
<h4 class="article-subitem-subtitle">内置行业数据集</h4>
<p>
商业数据分析实验室内置多个经过数据脱敏和教育适配性改造之后的高质量行业数据集，<b
>涵盖金融、互联网、交通、政府、娱乐、教育、体育、环境、商业、媒体、电商等10+领域。</b
>
商业数据分析实验室内置多个经过数据脱敏和教育适配性改造之后的高质量行业数据集，<b>涵盖金融、互联网、交通、政府、娱乐、教育、体育、环境、商业、媒体、电商等10+领域。</b>
</p>
<swiper :options="swiperOption">
<swiper-slide v-for="(item, index) in hysjList" :key="index" class="hysj-item">
......@@ -48,16 +44,12 @@
<p>{{ item.title }}</p>
</swiper-slide>
</swiper>
<p>
数据集均来自真实行业，经过数据脱敏、清洗、补全和加工处理后进行使用。<b>数据集数据已达100T+</b>，能够为商业数据分析实践教学提供充分的数据支撑。
</p>
<p>数据集均来自真实行业，经过数据脱敏、清洗、补全和加工处理后进行使用。<b>数据集数据已达100T+</b>，能够为商业数据分析实践教学提供充分的数据支撑。</p>
<p><b>清控紫荆教育每年对已有数据集提供数据更新服务和新增数据集服务，确保平台数据的新鲜度。</b></p>
<img src="https://webapp-pub.ezijing.com/www/pc/services/dataAnalysis/03.png" class="img" />
<h4 class="article-subitem-subtitle">配套行业教学案例库</h4>
<p>
商业数据分析实验室依托行业数据集，内置经过教育适配化之后的真实行业教学案例库。目前案例库<b>案例数量已达到30+</b>，<b>教学学时数已达到120+</b>。
</p>
<p>商业数据分析实验室依托行业数据集，内置经过教育适配化之后的真实行业教学案例库。目前案例库<b>案例数量已达到30+</b>，<b>教学学时数已达到120+</b>。</p>
<p>
每个行业教学案例包含4个课时的学习内容，既包含面向学生的学习指导（实验指导书、实验学习视频等），也包含面向教师的教学指导、对应的课程资源（教学方案、教学PPT、视频、题库等）、对应数据集以及程序源代码等。让学生在校即可熟练掌握真实商业环境下的业务操作和商业数据分析，实现教学与行业的无缝对接。
</p>
......@@ -77,9 +69,7 @@
<div class="article-subitem">
<h3 class="article-subitem-title"><span>配套服务介绍</span></h3>
<p>清控紫荆教育提供教学服务的目标是解决长期以来学校采购商业级软件但却无法有效服务于教学与实训的问题。</p>
<h4 class="article-subitem-subtitle">
清控紫荆教育商业数据分析实验室提供如下产品、教学和资源建设等相关服务：
</h4>
<h4 class="article-subitem-subtitle">清控紫荆教育商业数据分析实验室提供如下产品、教学和资源建设等相关服务：</h4>
<div class="service-wrapper">
<div class="service-item" v-for="(item, index) in serviceList" :key="index">
<img :src="item.icon" class="service-icon" />
......@@ -108,8 +98,7 @@ export default {
{
url: 'https://webapp-pub.ezijing.com/www/pc/services/dataAnalysis/hxys_02.png',
title: '优势二：内置海量行业真实数据集和案例集',
desc:
'平台内置海量高质量真实行业数据集，配套教学课程及30多个行业真实案例，可用于商业级数据分析场景，实现教学与行业的无缝对接。'
desc: '平台内置海量高质量真实行业数据集，配套教学课程及30多个行业真实案例，可用于商业级数据分析场景，实现教学与行业的无缝对接。'
},
{
url: 'https://webapp-pub.ezijing.com/www/pc/services/dataAnalysis/hxys_03.png',
......@@ -119,14 +108,12 @@ export default {
{
url: 'https://webapp-pub.ezijing.com/www/pc/services/dataAnalysis/hxys_04.png',
title: '优势四：工业级商业平台功能，与真实工作场景无缝对接',
desc:
'通过将商业级数据分析平台进行教育适配，使得平台更加简单方便，便于学生进行实操实战。同时平台还兼顾商业级产品完善的安全管控，后台监控，高性能，高可靠和灵活的集成对接能力。'
desc: '通过将商业级数据分析平台进行教育适配，使得平台更加简单方便，便于学生进行实操实战。同时平台还兼顾商业级产品完善的安全管控，后台监控，高性能，高可靠和灵活的集成对接能力。'
},
{
url: 'https://webapp-pub.ezijing.com/www/pc/services/dataAnalysis/hxys_05.png',
title: '优势五：平台具备多种特色功能且部署灵活',
desc:
'低代码，自服务；内置人工智能AI算法；算法模型扩展等多种特色功能，通过“公有云+私有云”的灵活部署方式，满足多种场景下的混合式教学。'
desc: '低代码，自服务；内置人工智能AI算法；算法模型扩展等多种特色功能，通过“公有云+私有云”的灵活部署方式，满足多种场景下的混合式教学。'
}
],
// 内置行业数据集
......@@ -147,18 +134,15 @@ export default {
ptgnjsList: [
{
title: '特色功能一：低代码，自服务',
desc:
'通过学生自主进行拖拽和配置的低代码编辑功能，将数据集成、数据处理、数据探索等传统且需要一定编程能力要求的实验操作场景难度大大降低，几乎实现零代码，大大提升了实验室对不同专业学生的适应性。'
desc: '通过学生自主进行拖拽和配置的低代码编辑功能，将数据集成、数据处理、数据探索等传统且需要一定编程能力要求的实验操作场景难度大大降低，几乎实现零代码，大大提升了实验室对不同专业学生的适应性。'
},
{
title: '特色功能二：深度融合 AI',
desc:
'平台内置人工智能 AI 算法，能够实现统计分析、分类算法、回归算法、聚类算法、关联规则、时间序列等多种 AI 算法的零代码使用，大大降低 AI 算法使用难度。'
desc: '平台内置人工智能 AI 算法，能够实现统计分析、分类算法、回归算法、聚类算法、关联规则、时间序列等多种 AI 算法的零代码使用，大大降低 AI 算法使用难度。'
},
{
title: '特色功能三：算法模型扩展',
desc:
'平台具备与 Python 和 R 语言的对接，支持运行 Python 和 R 语言脚本，满足对于算法模型开发和调试的高阶要求。'
desc: '平台具备与 Python 和 R 语言的对接，支持运行 Python 和 R 语言脚本，满足对于算法模型开发和调试的高阶要求。'
}
],
// 配套服务介绍
......@@ -265,7 +249,7 @@ export default {
overflow: hidden;
&:hover {
img {
transform: scale(1.1);
transform: scale(1.06);
}
}
img {
......@@ -341,7 +325,7 @@ export default {
overflow: hidden;
&:hover {
img {
transform: scale(1.1);
transform: scale(1.06);
}
}
img {
......
pages/services/employment.vue
浏览文件 @ 043dcc63
......@@ -4,47 +4,23 @@
<div class="mian">
<div class="occupation-content-mian">
<div class="module-1 module-content-box">
<img
src="https://webapp-pub.ezijing.com/www/pc/internship/img1.png"
class="img1"
/>
<img src="https://webapp-pub.ezijing.com/www/pc/internship/img1.png" class="img1" />
<div class="content-mian">
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/internship/img2_en.png'
: 'https://webapp-pub.ezijing.com/www/pc/internship/img2.png'
"
class="img1"
/><img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/internship/img3_en.png'
: 'https://webapp-pub.ezijing.com/www/pc/internship/img3.png'
"
class="img1"
/>
:src="$cookies.get('lang') == 'en-US' ? 'https://webapp-pub.ezijing.com/www/pc/internship/img2_en.png' : 'https://webapp-pub.ezijing.com/www/pc/internship/img2.png'"
class="img1" /><img
:src="$cookies.get('lang') == 'en-US' ? 'https://webapp-pub.ezijing.com/www/pc/internship/img3_en.png' : 'https://webapp-pub.ezijing.com/www/pc/internship/img3.png'"
class="img1" />
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/internship/img6_en.png'
: 'https://webapp-pub.ezijing.com/www/pc/internship/img6.png'
"
:class="$cookies.get('lang') == 'en-US' ? 'img21' : 'img2'"
/>
:src="$cookies.get('lang') == 'en-US' ? 'https://webapp-pub.ezijing.com/www/pc/internship/img6_en.png' : 'https://webapp-pub.ezijing.com/www/pc/internship/img6.png'"
:class="$cookies.get('lang') == 'en-US' ? 'img21' : 'img2'" />
<ul>
<li>
<img
src="https://webapp-pub.ezijing.com/www/pc/emp624-i1.png"
/>
<img src="https://webapp-pub.ezijing.com/www/pc/emp624-i1.png" />
<div class="pop-txt">
<div class="name">
{{
$cookies.get('lang') == 'en-US'
? 'Professional Mindset'
: '职业思维篇'
}}
{{ $cookies.get('lang') == 'en-US' ? 'Professional Mindset' : '职业思维篇' }}
</div>
</div>
</li>
......@@ -52,11 +28,7 @@
<img src="https://webapp-pub.ezijing.com/www/pc/emp-gx2.jpg" />
<div class="pop-txt">
<div class="name">
{{
$cookies.get('lang') == 'en-US'
? 'Professional Image'
: '职业形象篇'
}}
{{ $cookies.get('lang') == 'en-US' ? 'Professional Image' : '职业形象篇' }}
</div>
</div>
</li>
......@@ -64,11 +36,7 @@
<img src="https://webapp-pub.ezijing.com/www/pc/emp-gx3.jpg" />
<div class="pop-txt">
<div class="name">
{{
$cookies.get('lang') == 'en-US'
? 'Work Efficiency'
: '职业效率篇'
}}
{{ $cookies.get('lang') == 'en-US' ? 'Work Efficiency' : '职业效率篇' }}
</div>
</div>
</li>
......@@ -76,11 +44,7 @@
<img src="https://webapp-pub.ezijing.com/www/pc/emp-gx4.jpg" />
<div class="pop-txt">
<div class="name">
{{
$cookies.get('lang') == 'en-US'
? 'Career Advancement'
: '职业规划篇'
}}
{{ $cookies.get('lang') == 'en-US' ? 'Career Advancement' : '职业规划篇' }}
</div>
</div>
</li>
......@@ -88,11 +52,7 @@
<img src="https://webapp-pub.ezijing.com/www/pc/emp-gx5.jpg" />
<div class="pop-txt">
<div class="name">
{{
$cookies.get('lang') == 'en-US'
? 'Elite Mindset'
: '菁英思维'
}}
{{ $cookies.get('lang') == 'en-US' ? 'Elite Mindset' : '菁英思维' }}
</div>
</div>
</li>
......@@ -100,25 +60,15 @@
<img src="https://webapp-pub.ezijing.com/www/pc/emp-gx6.jpg" />
<div class="pop-txt">
<div class="name">
{{
$cookies.get('lang') == 'en-US'
? 'Elite Skills'
: '菁英技能'
}}
{{ $cookies.get('lang') == 'en-US' ? 'Elite Skills' : '菁英技能' }}
</div>
</div>
</li>
<li>
<img
src="https://webapp-pub.ezijing.com/www/pc/emp624-i2.png"
/>
<img src="https://webapp-pub.ezijing.com/www/pc/emp624-i2.png" />
<div class="pop-txt">
<div class="name">
{{
$cookies.get('lang') == 'en-US'
? 'Elite Development'
: '菁英拓展'
}}
{{ $cookies.get('lang') == 'en-US' ? 'Elite Development' : '菁英拓展' }}
</div>
</div>
</li>
......@@ -126,37 +76,22 @@
<img src="https://webapp-pub.ezijing.com/www/pc/emp-gx8.jpg" />
<div class="pop-txt">
<div class="name">
{{
$cookies.get('lang') == 'en-US'
? 'Elite Practical Training'
: '菁英实训'
}}
{{ $cookies.get('lang') == 'en-US' ? 'Elite Practical Training' : '菁英实训' }}
</div>
</div>
</li>
</ul>
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/internship/img3_en.png'
: 'https://webapp-pub.ezijing.com/www/pc/internship/img3.png'
"
class="img1"
/>
:src="$cookies.get('lang') == 'en-US' ? 'https://webapp-pub.ezijing.com/www/pc/internship/img3_en.png' : 'https://webapp-pub.ezijing.com/www/pc/internship/img3.png'"
class="img1" />
<h1 style="font-size: 22px; color: #424242; padding-bottom: 20px">
{{ $t('employment.company_tit') }}
</h1>
<img
src="https://webapp-pub.ezijing.com/www/pc/internship/img5.png"
class="img1"
/>
<img src="https://webapp-pub.ezijing.com/www/pc/internship/img5.png" class="img1" />
<h1 style="font-size: 22px; color: #424242; padding-bottom: 20px">
{{ $t('employment.cooperation_tit') }}
</h1>
<p
style="font-size: 18px; color: #424242"
v-html="$t('employment.phone_num')"
></p>
<p style="font-size: 18px; color: #424242" v-html="$t('employment.phone_num')"></p>
</div>
</div>
</div>
......@@ -209,7 +144,7 @@ export default {
},
computed: {
m1SetStyle() {
return (url) => {
return url => {
return `background: url(${url});background-size: 100% 100%`
}
},
......@@ -313,7 +248,7 @@ export default {
overflow: hidden;
&:hover {
img {
transform: scale(1.1);
transform: scale(1.06);
}
}
img {
......
pages/services/index.vue
浏览文件 @ 043dcc63
<template>
<div class="main_content">
<img class="banner" src="https://webapp-pub.ezijing.com/www/pc/goverment/goverment_banner.png" alt="" />
<img class="banner" src="https://webapp-pub.ezijing.com/www/pc/goverment/goverment_banner.png" />
<div class="content_part">
<div class="part_title">{{ $t('industry.tit') }}</div>
<div class="part_desc">
......@@ -16,9 +16,7 @@
$cookies.get('lang') === 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/goverment/goverment_con1_en.png'
: 'https://webapp-pub.ezijing.com/www/pc/goverment/goverment_con1.png'
"
alt=""
/>
" />
<div class="part_zj">
<div class="zj_tit">
<span>
......
pages/services/job.vue
浏览文件 @ 043dcc63
......@@ -7,60 +7,42 @@
<template v-if="showModule === 0">
<div class="module-0 module-content-box">
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_01.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_01.png'
"
class="banner"
/>
<div class="content-mian" style="padding-bottom:0;">
:src="isEn ? 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_01.png' : 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_01.png'"
class="banner" />
<div class="content-mian" style="padding-bottom: 0">
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_02.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_02.png'
"
/>
<div class="module-title" style="margin-bottom:15px;">{{isEn ? '招生对象' : '招生对象'}}</div>
isEn ? 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_02.png' : 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_02.png'
" />
<div class="module-title" style="margin-bottom: 15px">{{ isEn ? '招生对象' : '招生对象' }}</div>
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_03.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_03.png'
"
style="margin-bottom:35px;"
/>
:src="isEn ? 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_03.png' : 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_03.png'"
style="margin-bottom: 35px" />
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_04.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_04.png'
"
style="margin-bottom:15px;"
/>
<div class="module-title" style="margin-bottom:15px;">{{isEn ? '注册报名' : '注册报名'}}</div>
:src="isEn ? 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_04.png' : 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_04.png'"
style="margin-bottom: 15px" />
<div class="module-title" style="margin-bottom: 15px">{{ isEn ? '注册报名' : '注册报名' }}</div>
<presence />
<div class="module-title" style="margin-bottom:15px;">{{isEn ? '项目收获' : '项目收获'}}</div>
<div class="module-title" style="margin-bottom: 15px">{{ isEn ? '项目收获' : '项目收获' }}</div>
<div class="project-harvest">
<div class="title">战胜三“难”：<span>找工作、评绩效、求升职</span></div>
<div class="content">
<div class="m1">
<ul>
<li class="item1">
<p>老板与HR们的考量基石<br>——<span>能力素质模型</span></p>
<div>哈佛大学教授<br>David McClelland提出</div>
<p>老板与HR们的考量基石<br />——<span>能力素质模型</span></p>
<div>哈佛大学教授<br />David McClelland提出</div>
</li>
<li :class="{item:true, active: count%3 === 1}">
<li :class="{ item: true, active: count % 3 === 1 }">
<div class="top">
<p>专业能力</p>
<span>Profession Competencies</span>
</div>
<div class="bottom">
<p>特定角色和工作所需要的特<br>殊的技能，针对岗位设定<br>（如程序员的编程能力）</p>
<p>特定角色和工作所需要的特<br />殊的技能，针对岗位设定<br />（如程序员的编程能力）</p>
</div>
</li>
<li :class="{item:true, active: count%3 === 2}">
<li :class="{ item: true, active: count % 3 === 2 }">
<div class="top">
<p>核心能力</p>
<span>Core Attributes</span>
......@@ -74,7 +56,7 @@
</div>
</div>
</li>
<li :class="{item:true, active: count%3 === 0}">
<li :class="{ item: true, active: count % 3 === 0 }">
<div class="top">
<p>通用能力</p>
<span>Shared Capabilities</span>
......@@ -90,81 +72,57 @@
</div>
</li>
</ul>
<p class="tips">——要<span>专业</span>，更要<span> “通用能力” </span>与<span> “核心能力” </span> </p>
<p class="tips">——要<span>专业</span>，更要<span> “通用能力” </span>与<span> “核心能力” </span></p>
</div>
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_05.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_05.png'
isEn ? 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_05.png' : 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_05.png'
"
style="margin-bottom:35px;"
/>
style="margin-bottom: 35px" />
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_06.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_06.png'
isEn ? 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_06.png' : 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_06.png'
"
style="margin-bottom:35px;"
/>
style="margin-bottom: 35px" />
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_07.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_07.png'
isEn ? 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_07.png' : 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_07.png'
"
style="margin-bottom:35px;"
/>
style="margin-bottom: 35px" />
</div>
</div>
</div>
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_08.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_08.png'
"
style="width:100%;"
/>
:src="isEn ? 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_08.png' : 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_08.png'"
style="width: 100%" />
<div class="content-mian">
<div class="module-title">{{isEn ? 'Course Settings' : '课程设置'}}</div>
<div class="module-title">{{ isEn ? 'Course Settings' : '课程设置' }}</div>
<div class="course-set">
<div>
<h5>{{isEn ? '商业基础补充' : '商业基础补充'}}</h5>
<p>{{isEn ? '《经济学原理》' : '《经济学原理》'}}</p>
<p>{{isEn ? '《金融市场学》' : '《金融市场学》'}}</p>
<h5>{{ isEn ? '商业基础补充' : '商业基础补充' }}</h5>
<p>{{ isEn ? '《经济学原理》' : '《经济学原理》' }}</p>
<p>{{ isEn ? '《金融市场学》' : '《金融市场学》' }}</p>
</div>
<div>
<h5>{{isEn ? '管理思维训练' : '管理思维训练'}}</h5>
<p>{{isEn ? '《财务分析》' : '《财务分析》'}}</p>
<p>{{isEn ? '《运营管理》' : '《运营管理》'}}</p>
<p>{{isEn ? '《营销管理与数字化营销》' : '《营销管理与数字化营销》'}}</p>
<h5>{{ isEn ? '管理思维训练' : '管理思维训练' }}</h5>
<p>{{ isEn ? '《财务分析》' : '《财务分析》' }}</p>
<p>{{ isEn ? '《运营管理》' : '《运营管理》' }}</p>
<p>{{ isEn ? '《营销管理与数字化营销》' : '《营销管理与数字化营销》' }}</p>
</div>
<div>
<h5>{{isEn ? '领导能力提升' : '领导能力提升'}}</h5>
<p>{{isEn ? '《管理沟通》' : '《管理沟通》'}}</p>
<p>{{isEn ? '《组织行为与领导力》' : '《组织行为与领导力》'}}</p>
<p>{{isEn ? '《战略管理》' : '《战略管理》'}}</p>
<h5>{{ isEn ? '领导能力提升' : '领导能力提升' }}</h5>
<p>{{ isEn ? '《管理沟通》' : '《管理沟通》' }}</p>
<p>{{ isEn ? '《组织行为与领导力》' : '《组织行为与领导力》' }}</p>
<p>{{ isEn ? '《战略管理》' : '《战略管理》' }}</p>
</div>
</div>
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_10.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_10.png'
"
style="margin-bottom:35px;"
/>
:src="isEn ? 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_10.png' : 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_10.png'"
style="margin-bottom: 35px" />
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_11.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_11.png'
"
style="margin-bottom:20px;"
/>
<div class="module-title" style="margin-bottom:15px;">{{isEn ? '注册报名' : '注册报名'}}</div>
:src="isEn ? 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_11.png' : 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_11.png'"
style="margin-bottom: 20px" />
<div class="module-title" style="margin-bottom: 15px">{{ isEn ? '注册报名' : '注册报名' }}</div>
<presence />
</div>
</div>
......@@ -172,91 +130,73 @@
<template v-if="showModule === 1">
<div class="module-1 module-content-box">
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/job/occupation_01.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/job/occupation_01.png'
"
class="banner"
/>
:src="isEn ? 'https://webapp-pub.ezijing.com/www/pc/services/job/occupation_01.png' : 'https://webapp-pub.ezijing.com/www/pc/services/job/occupation_01.png'"
class="banner" />
<div class="content-mian">
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/job/occupation_02.png?v=111'
: 'https://webapp-pub.ezijing.com/www/pc/services/job/occupation_02.png?v=111'
isEn ? 'https://webapp-pub.ezijing.com/www/pc/services/job/occupation_02.png?v=111' : 'https://webapp-pub.ezijing.com/www/pc/services/job/occupation_02.png?v=111'
"
class="img1"
/>
<img
v-if="isEn"
src="https://webapp-pub.ezijing.com/www/pc/occupation/occupation3.png"
/>
<div class="module-title">{{isEn ? '新职业标准研发' : '新职业标准研发'}}</div>
class="img1" />
<img v-if="isEn" src="https://webapp-pub.ezijing.com/www/pc/occupation/occupation3.png" />
<div class="module-title">{{ isEn ? '新职业标准研发' : '新职业标准研发' }}</div>
<div class="module-sub-title">
<span>{{isEn ? '关注领域' : '关注领域'}}</span>
<span>{{ isEn ? '关注领域' : '关注领域' }}</span>
</div>
<swiper-com />
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/job/occupation_03.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/job/occupation_03.png'
"
class="img3"
/>
:src="isEn ? 'https://webapp-pub.ezijing.com/www/pc/services/job/occupation_03.png' : 'https://webapp-pub.ezijing.com/www/pc/services/job/occupation_03.png'"
class="img3" />
<div class="module-sub-title">
<span>{{isEn ? '合作领域' : '合作领域'}}</span>
<span>{{ isEn ? '合作领域' : '合作领域' }}</span>
</div>
<div class="card-list">
<div :class="{item: true, active: count % 6 === 1}">
<img v-show="count % 6 !== 1" src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_icon_01.png">
<img v-show="count % 6 === 1" src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_icon_01_on.png">
<div :class="{ item: true, active: count % 6 === 1 }">
<img v-show="count % 6 !== 1" src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_icon_01.png" />
<img v-show="count % 6 === 1" src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_icon_01_on.png" />
<p>新职业标准研究</p>
</div>
<div :class="{item: true, active: count % 6 === 2}">
<img v-show="count % 6 !== 2" src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_icon_02.png">
<img v-show="count % 6 === 2" src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_icon_02_on.png">
<div :class="{ item: true, active: count % 6 === 2 }">
<img v-show="count % 6 !== 2" src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_icon_02.png" />
<img v-show="count % 6 === 2" src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_icon_02_on.png" />
<p>新职业培训课程体系研究</p>
</div>
<div :class="{item: true, active: count % 6 === 3}">
<img v-show="count % 6 !== 3" src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_icon_03.png">
<img v-show="count % 6 === 3" src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_icon_03_on.png">
<div :class="{ item: true, active: count % 6 === 3 }">
<img v-show="count % 6 !== 3" src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_icon_03.png" />
<img v-show="count % 6 === 3" src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_icon_03_on.png" />
<p>新职业培训教材编写</p>
</div>
<div :class="{item: true, active: count % 6 === 4}">
<img v-show="count % 6 !== 4" src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_icon_04.png">
<img v-show="count % 6 === 4" src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_icon_04_on.png">
<div :class="{ item: true, active: count % 6 === 4 }">
<img v-show="count % 6 !== 4" src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_icon_04.png" />
<img v-show="count % 6 === 4" src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_icon_04_on.png" />
<p>职业鉴定质量管理体系研究</p>
</div>
<div :class="{item: true, active: count % 6 === 5}">
<img v-show="count % 6 !== 5" src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_icon_05.png">
<img v-show="count % 6 === 5" src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_icon_05_on.png">
<div :class="{ item: true, active: count % 6 === 5 }">
<img v-show="count % 6 !== 5" src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_icon_05.png" />
<img v-show="count % 6 === 5" src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_icon_05_on.png" />
<p>职业考评系统研究</p>
</div>
<div :class="{item: true, active: count % 6 === 0}">
<img v-show="count % 6 !== 0" src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_icon_06.png">
<img v-show="count % 6 === 0" src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_icon_06_on.png">
<div :class="{ item: true, active: count % 6 === 0 }">
<img v-show="count % 6 !== 0" src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_icon_06.png" />
<img v-show="count % 6 === 0" src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_icon_06_on.png" />
<p>新职业培训课程体系研究</p>
</div>
</div>
<div class="module-title">{{isEn ? '社会考核评价组织' : '社会考核评价组织'}}</div>
<div class="module-title">{{ isEn ? '社会考核评价组织' : '社会考核评价组织' }}</div>
<div class="module-sub-title">
<span>{{isEn ? '职业技能鉴定' : '职业技能鉴定'}}</span>
<span>{{ isEn ? '职业技能鉴定' : '职业技能鉴定' }}</span>
</div>
<ul class="img-text">
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_imgtext_01.png" alt="" />
<img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_imgtext_01.png" />
<div class="pop">
<div class="name">
{{
isEn ? 'Digital Marketing of Financial Products' : '金融产品数字化营销'
}}
{{ isEn ? 'Digital Marketing of Financial Products' : '金融产品数字化营销' }}
</div>
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_imgtext_02.png" alt="" />
<img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_imgtext_02.png" />
<div class="pop">
<div class="name">
{{ isEn ? 'Internet-based Marketing Operator' : '互联网营销师' }}
......@@ -264,7 +204,7 @@
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_imgtext_03.png" alt="" />
<img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_imgtext_03.png" />
<div class="pop">
<div class="name">
{{ isEn ? 'Digital Marketing Specialist' : '数字化营销师' }}
......@@ -272,7 +212,7 @@
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_imgtext_04.png" alt="" />
<img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_imgtext_04.png" />
<div class="pop">
<div class="name">
{{ isEn ? 'Omni-media Operation Staff' : '全媒体运营师' }}
......@@ -280,25 +220,15 @@
</div>
</li>
</ul>
<!-- <img src="https://webapp-pub.ezijing.com/www/pc/occ-i5.png" alt="" class="img5" /> -->
<!-- <img src="https://webapp-pub.ezijing.com/www/pc/occ-i5.png" class="img5" /> -->
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/job/occupation_04.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/job/occupation_04.png'
"
class="img3"
/>
<div style="position:relative;">
:src="isEn ? 'https://webapp-pub.ezijing.com/www/pc/services/job/occupation_04.png' : 'https://webapp-pub.ezijing.com/www/pc/services/job/occupation_04.png'"
class="img3" />
<div style="position: relative">
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/job/occupation_05.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/job/occupation_05.png'
"
class="img3"
/>
<p style="position:absolute;left:50px;bottom:60px;color:#fff;">“金融行业推荐信” 与 “实习推荐”</p>
:src="isEn ? 'https://webapp-pub.ezijing.com/www/pc/services/job/occupation_05.png' : 'https://webapp-pub.ezijing.com/www/pc/services/job/occupation_05.png'"
class="img3" />
<p style="position: absolute; left: 50px; bottom: 60px; color: #fff">“金融行业推荐信” 与 “实习推荐”</p>
</div>
</div>
</div>
......@@ -411,203 +341,203 @@ export default {
height: 320px;
display: block;
}
.module-title{
font-size:22px;
.module-title {
font-size: 22px;
font-weight: 500;
line-height:34px;
color:#424242;
line-height: 34px;
color: #424242;
}
.module-sub-title{
span{
display:inline-block;
font-size:20px;
line-height:36px;
color:#424242;
border-bottom:1px solid #aa1941;
margin-top:20px;
.module-sub-title {
span {
display: inline-block;
font-size: 20px;
line-height: 36px;
color: #424242;
border-bottom: 1px solid #aa1941;
margin-top: 20px;
}
}
.content-mian{
.content-mian {
padding: 60px 50px 65px;
.card-list{
display:flex;
flex-wrap:wrap;
justify-content:space-around;
margin-top:20px;
.item{
.card-list {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin-top: 20px;
.item {
width: 280px;
height: 130px;
background: #F4F4F4;
background: #f4f4f4;
opacity: 1;
border-radius: 5px;
text-align:center;
padding:27px 0 0;
border-bottom:#F4F4F4 5px solid;
margin-bottom:20px;
cursor:pointer;
img{
width:40px;
height:43px;
display:inline-block;
text-align: center;
padding: 27px 0 0;
border-bottom: #f4f4f4 5px solid;
margin-bottom: 20px;
cursor: pointer;
img {
width: 40px;
height: 43px;
display: inline-block;
}
p{
line-height:60px;
p {
line-height: 60px;
}
}
.item.active{
border-color:#aa1941;
.item.active {
border-color: #aa1941;
}
}
img {
width: 100%;
display: block;
}
.module-title{
font-size:22px;
.module-title {
font-size: 22px;
font-weight: 500;
line-height:34px;
color:#424242;
line-height: 34px;
color: #424242;
}
.course-set{
display:flex;
.course-set {
display: flex;
justify-content: space-between;
margin:36px 0 40px;
div{
width:31%;
border-top:8px solid #F9F8F8;
background:#F9F8F8;
text-align:center;
height:220px;
box-sizing:border-box;
cursor:pointer;
h5{
line-height:60px;
font-size:18px;
color:#aa1941;
margin: 36px 0 40px;
div {
width: 31%;
border-top: 8px solid #f9f8f8;
background: #f9f8f8;
text-align: center;
height: 220px;
box-sizing: border-box;
cursor: pointer;
h5 {
line-height: 60px;
font-size: 18px;
color: #aa1941;
}
p{
line-height:34px;
color:#424242;
p {
line-height: 34px;
color: #424242;
}
}
div:hover{
border-color:#aa1941;
background:#fff;
div:hover {
border-color: #aa1941;
background: #fff;
box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.06);
}
}
}
}
.module-0{
.content-mian{
.project-harvest{
.title{
font-size:20px;
span{
.module-0 {
.content-mian {
.project-harvest {
.title {
font-size: 20px;
span {
color: #aa1941;
}
}
.content{
background: #F7F7F7;
padding:20px 0 20px;
margin-top:20px;
.m1{
margin:0 35px 20px 20px;
ul{
display:flex;
.content {
background: #f7f7f7;
padding: 20px 0 20px;
margin-top: 20px;
.m1 {
margin: 0 35px 20px 20px;
ul {
display: flex;
justify-content: space-between;
padding-bottom:30px;
li{
width:210px;
height:268px;
padding-bottom: 30px;
li {
width: 210px;
height: 268px;
}
li.item{
background:#fff;
border-radius:10px;
transition:0.5s;
.top{
border-bottom:1px solid #E5E5E5;
padding:16px 10px;
p{
font-size:14px;
li.item {
background: #fff;
border-radius: 10px;
transition: 0.5s;
.top {
border-bottom: 1px solid #e5e5e5;
padding: 16px 10px;
p {
font-size: 14px;
}
span{
color:#777;
span {
color: #777;
}
}
.bottom{
padding:40px 10px 0;
color:#666;
.list{
display:flex;
.bottom {
padding: 40px 10px 0;
color: #666;
.list {
display: flex;
flex-wrap: wrap;
margin-top:20px;
span{
width:70px;
padding-left:10px;
position:relative;
margin-right:10px;
margin-top: 20px;
span {
width: 70px;
padding-left: 10px;
position: relative;
margin-right: 10px;
}
span:after{
position:absolute;
left:2px;
top:8px;
span:after {
position: absolute;
left: 2px;
top: 8px;
content: '';
width:4px;
height:4px;
border-radius:50%;
background:#aa1941;
width: 4px;
height: 4px;
border-radius: 50%;
background: #aa1941;
}
}
}
}
li.item.active{
background: #A81840;
color:#fff;
.top{
border-color:#fff;
span{
color:#fff;
li.item.active {
background: #a81840;
color: #fff;
.top {
border-color: #fff;
span {
color: #fff;
}
}
.bottom{
color:#fff;
.list{
span:after{
background:#fff;
.bottom {
color: #fff;
.list {
span:after {
background: #fff;
}
}
}
}
.item1{
width:180px;
p{
margin:50px 10px;
line-height:32px;
span{
.item1 {
width: 180px;
p {
margin: 50px 10px;
line-height: 32px;
span {
color: #aa1941;
margin-left:6px;
margin-left: 6px;
}
}
div{
text-align:right;
color:#777;
div {
text-align: right;
color: #777;
font-size: 12px;
line-height:20px;
line-height: 20px;
}
}
}
.tips{
text-align:right;
line-height:20px;
span{
color:#aa1941;
.tips {
text-align: right;
line-height: 20px;
span {
color: #aa1941;
}
}
}
img{
margin:0 35px;
width:830px;
img {
margin: 0 35px;
width: 830px;
}
}
}
......@@ -644,7 +574,7 @@ export default {
.img-text {
display: flex;
justify-content: space-around;
margin:0 15px;
margin: 0 15px;
padding-top: 14px;
li {
width: 200px;
......@@ -653,7 +583,7 @@ export default {
overflow: hidden;
&:hover {
img {
transform: scale(1.1);
transform: scale(1.06);
}
}
img {
......@@ -671,13 +601,13 @@ export default {
left: 0;
background: rgba(0, 0, 0, 0.3);
.name {
width:100%;
width: 100%;
position: absolute;
top: 50%;
left: 0;
font-size: 20px;
transform:translateY(-50%);
text-align:center;
transform: translateY(-50%);
text-align: center;
}
}
}
......
pages/services/major.vue
浏览文件 @ 043dcc63
......@@ -7,64 +7,32 @@
<template v-if="showModule === 1">
<div class="module-1 module-content-box">
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page1_011.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page1_011.png'
"
class="banner"
/>
:src="isEn ? 'https://webapp-pub.ezijing.com/www/pc/services/major/page1_011.png' : 'https://webapp-pub.ezijing.com/www/pc/services/major/page1_011.png'"
class="banner" />
<div class="content-mian">
<div class="module-title">{{ isEn ? '培养目标' : '培养目标' }}</div>
<p style="font-size:16px;line-height: 32px;color: #424242;margin:10px 0 30px;">
<p style="font-size: 16px; line-height: 32px; color: #424242; margin: 10px 0 30px">
聚焦金融科技人才复合型、创新型与国际化，通过学科交叉设置，打造全新课程体系，学生通过学习金融数字化，掌握量化金融、金融风险管理、大数据、机器学习、深度学习等领域技术核心原理方法及应用，深刻理解金融科技应用场景，具备数字化和智能化项目解决架构和实施管理能力，培养企业数字化转型和金融科技应用的中坚力量和具备国际竞争的金融科技应用创新型人才。
</p>
<div class="module-title">{{ isEn ? '对应专业' : '对应专业' }}</div>
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page1_02.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page1_02.png'
"
style="margin:15px 20px 25px;"
/>
:src="isEn ? 'https://webapp-pub.ezijing.com/www/pc/services/major/page1_02.png' : 'https://webapp-pub.ezijing.com/www/pc/services/major/page1_02.png'"
style="margin: 15px 20px 25px" />
<div class="module-title">{{ isEn ? '课程设置' : '课程设置' }}</div>
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page1_03.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page1_03.png'
"
style="margin:15px 0 40px;"
/>
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page1_04.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page1_04.png'
"
/>
:src="isEn ? 'https://webapp-pub.ezijing.com/www/pc/services/major/page1_03.png' : 'https://webapp-pub.ezijing.com/www/pc/services/major/page1_03.png'"
style="margin: 15px 0 40px" />
<img :src="isEn ? 'https://webapp-pub.ezijing.com/www/pc/services/major/page1_04.png' : 'https://webapp-pub.ezijing.com/www/pc/services/major/page1_04.png'" />
<div class="module-title">{{ isEn ? '就业岗位' : '就业岗位' }}</div>
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page1_051.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page1_051.png'
"
/>
<img :src="isEn ? 'https://webapp-pub.ezijing.com/www/pc/services/major/page1_051.png' : 'https://webapp-pub.ezijing.com/www/pc/services/major/page1_051.png'" />
</div>
</div>
</template>
<template v-if="showModule === 2">
<div class="module-1 module-content-box">
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page2_01.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page2_01.png'
"
class="banner"
/>
:src="isEn ? 'https://webapp-pub.ezijing.com/www/pc/services/major/page2_01.png' : 'https://webapp-pub.ezijing.com/www/pc/services/major/page2_01.png'"
class="banner" />
<div class="content-mian">
<div class="module-title">{{ isEn ? '培养目标' : '培养目标' }}</div>
<!-- <div class="cart-txt">
......@@ -93,41 +61,17 @@
<p>{{isEn ? '创意思维能力' : '创意思维能力'}}</p>
</div>
</div> -->
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page2_02.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page2_02.png'
"
/>
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page2_031.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page2_031.png'
"
/>
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page2_04.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page2_04.png'
"
/>
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page2_05.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page2_05.png'
"
/>
<img :src="isEn ? 'https://webapp-pub.ezijing.com/www/pc/services/major/page2_02.png' : 'https://webapp-pub.ezijing.com/www/pc/services/major/page2_02.png'" />
<img :src="isEn ? 'https://webapp-pub.ezijing.com/www/pc/services/major/page2_031.png' : 'https://webapp-pub.ezijing.com/www/pc/services/major/page2_031.png'" />
<img :src="isEn ? 'https://webapp-pub.ezijing.com/www/pc/services/major/page2_04.png' : 'https://webapp-pub.ezijing.com/www/pc/services/major/page2_04.png'" />
<img :src="isEn ? 'https://webapp-pub.ezijing.com/www/pc/services/major/page2_05.png' : 'https://webapp-pub.ezijing.com/www/pc/services/major/page2_05.png'" />
<div class="module-title">{{ isEn ? '就业岗位' : '就业岗位' }}</div>
<div class="module-sub-title" style="margin-bottom:20px;">
<div class="module-sub-title" style="margin-bottom: 20px">
<span>{{ isEn ? '就业行业' : '就业行业' }}</span>
</div>
<ul class="cart-img">
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page2_card_01.png" alt="" />
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page2_card_01.png" />
<div class="txt">
<div class="name">
{{ isEn ? '新型互联网行业' : '新型互联网行业' }}
......@@ -135,7 +79,7 @@
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page2_card_02.png" alt="" />
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page2_card_02.png" />
<div class="txt">
<div class="name">
{{ isEn ? '汽车行业' : '汽车行业' }}
......@@ -143,7 +87,7 @@
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page2_card_03.png" alt="" />
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page2_card_03.png" />
<div class="txt">
<div class="name">
{{ isEn ? '房地产行业' : '房地产行业' }}
......@@ -151,7 +95,7 @@
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page2_card_04.png" alt="" />
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page2_card_04.png" />
<div class="txt">
<div class="name">
{{ isEn ? '教育行业' : '教育行业' }}
......@@ -159,7 +103,7 @@
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page2_card_05.png" alt="" />
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page2_card_05.png" />
<div class="txt">
<div class="name">
{{ isEn ? '美妆行业' : '美妆行业' }}
......@@ -167,7 +111,7 @@
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page2_card_06.png" alt="" />
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page2_card_06.png" />
<div class="txt">
<div class="name">
{{ isEn ? '金融行业' : '金融行业' }}
......@@ -175,7 +119,7 @@
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page2_card_07.png" alt="" />
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page2_card_07.png" />
<div class="txt">
<div class="name">
{{ isEn ? '新媒体行业' : '新媒体行业' }}
......@@ -183,7 +127,7 @@
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page2_card_08.png" alt="" />
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page2_card_08.png" />
<div class="txt">
<div class="name">
{{ isEn ? '咨询服务行业' : '咨询服务行业' }}
......@@ -191,7 +135,7 @@
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page2_card_09.png" alt="" />
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page2_card_09.png" />
</li>
</ul>
<div class="module-sub-title">
......@@ -231,16 +175,11 @@
<template v-if="showModule === 3">
<div class="module-1 module-content-box">
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page3_00.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page3_00.png'
"
class="banner"
/>
:src="isEn ? 'https://webapp-pub.ezijing.com/www/pc/services/major/page3_00.png' : 'https://webapp-pub.ezijing.com/www/pc/services/major/page3_00.png'"
class="banner" />
<div class="content-mian">
<div class="module-title">{{ isEn ? '培养目标' : '培养目标' }}</div>
<div style="color:#A81840;font-size:20px;margin-top:15px;">企业信息决策</div>
<div style="color: #a81840; font-size: 20px; margin-top: 15px">企业信息决策</div>
<div class="cart-txt">
<div>
<h5>{{ isEn ? '理解企业数据' : '理解企业数据' }}</h5>
......@@ -262,41 +201,18 @@
</div>
</div>
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page3_01.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page3_01.png'
"
style="margin-bottom:15px;"
/>
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page3_021.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page3_021.png'
"
/>
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page3_03.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page3_03.png'
"
/>
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page3_04.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page3_04.png'
"
/>
:src="isEn ? 'https://webapp-pub.ezijing.com/www/pc/services/major/page3_01.png' : 'https://webapp-pub.ezijing.com/www/pc/services/major/page3_01.png'"
style="margin-bottom: 15px" />
<img :src="isEn ? 'https://webapp-pub.ezijing.com/www/pc/services/major/page3_021.png' : 'https://webapp-pub.ezijing.com/www/pc/services/major/page3_021.png'" />
<img :src="isEn ? 'https://webapp-pub.ezijing.com/www/pc/services/major/page3_03.png' : 'https://webapp-pub.ezijing.com/www/pc/services/major/page3_03.png'" />
<img :src="isEn ? 'https://webapp-pub.ezijing.com/www/pc/services/major/page3_04.png' : 'https://webapp-pub.ezijing.com/www/pc/services/major/page3_04.png'" />
<div class="module-title">{{ isEn ? '就业岗位' : '就业岗位' }}</div>
<div class="module-sub-title" style="margin-bottom:20px;">
<div class="module-sub-title" style="margin-bottom: 20px">
<span>{{ isEn ? '就业行业' : '就业行业' }}</span>
</div>
<ul class="cart-img col-4" style="margin-bottom:48px;">
<ul class="cart-img col-4" style="margin-bottom: 48px">
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page3_card_01.png" alt="" />
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page3_card_01.png" />
<div class="txt">
<div class="name">
{{ isEn ? '新型互联网行业' : '新型互联网行业' }}
......@@ -304,7 +220,7 @@
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page3_card_02.png" alt="" />
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page3_card_02.png" />
<div class="txt">
<div class="name">
{{ isEn ? '能源行业' : '能源行业' }}
......@@ -312,7 +228,7 @@
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page3_card_03.png" alt="" />
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page3_card_03.png" />
<div class="txt">
<div class="name">
{{ isEn ? '制造行业' : '制造行业' }}
......@@ -320,7 +236,7 @@
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page3_card_04.png" alt="" />
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page3_card_04.png" />
<div class="txt">
<div class="name">
{{ isEn ? '医疗行业' : '医疗行业' }}
......@@ -328,7 +244,7 @@
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page3_card_05.png" alt="" />
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page3_card_05.png" />
<div class="txt">
<div class="name">
{{ isEn ? '快消零售行业' : '快消零售行业' }}
......@@ -336,7 +252,7 @@
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page3_card_06.png" alt="" />
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page3_card_06.png" />
<div class="txt">
<div class="name">
{{ isEn ? '咨询服务行业' : '咨询服务行业' }}
......@@ -344,7 +260,7 @@
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page3_card_07.png" alt="" />
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page3_card_07.png" />
<div class="txt">
<div class="name">
{{ isEn ? '金融行业' : '金融行业' }}
......@@ -352,79 +268,33 @@
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page3_card_08.png" alt="" />
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page3_card_08.png" />
</li>
</ul>
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page3_05.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page3_05.png'
"
/>
<img :src="isEn ? 'https://webapp-pub.ezijing.com/www/pc/services/major/page3_05.png' : 'https://webapp-pub.ezijing.com/www/pc/services/major/page3_05.png'" />
</div>
</div>
</template>
<template v-if="showModule === 4">
<div class="module-1 module-content-box">
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page4_011.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page4_011.png'
"
class="banner"
/>
:src="isEn ? 'https://webapp-pub.ezijing.com/www/pc/services/major/page4_011.png' : 'https://webapp-pub.ezijing.com/www/pc/services/major/page4_011.png'"
class="banner" />
<div class="content-mian">
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page4_021.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page4_021.png'
"
/>
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page4_03.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page4_03.png'
"
/>
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page4_04.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page4_04.png'
"
/>
<img :src="isEn ? 'https://webapp-pub.ezijing.com/www/pc/services/major/page4_021.png' : 'https://webapp-pub.ezijing.com/www/pc/services/major/page4_021.png'" />
<img :src="isEn ? 'https://webapp-pub.ezijing.com/www/pc/services/major/page4_03.png' : 'https://webapp-pub.ezijing.com/www/pc/services/major/page4_03.png'" />
<img :src="isEn ? 'https://webapp-pub.ezijing.com/www/pc/services/major/page4_04.png' : 'https://webapp-pub.ezijing.com/www/pc/services/major/page4_04.png'" />
</div>
</div>
</template>
<template v-if="showModule === 5">
<div class="module-1 module-content-box">
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page5_01.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page5_01.png'
"
class="banner"
/>
:src="isEn ? 'https://webapp-pub.ezijing.com/www/pc/services/major/page5_01.png' : 'https://webapp-pub.ezijing.com/www/pc/services/major/page5_01.png'"
class="banner" />
<div class="content-mian">
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page5_021.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page5_021.png'
"
/>
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page5_03.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page5_03.png'
"
/>
<img :src="isEn ? 'https://webapp-pub.ezijing.com/www/pc/services/major/page5_021.png' : 'https://webapp-pub.ezijing.com/www/pc/services/major/page5_021.png'" />
<img :src="isEn ? 'https://webapp-pub.ezijing.com/www/pc/services/major/page5_03.png' : 'https://webapp-pub.ezijing.com/www/pc/services/major/page5_03.png'" />
<div class="module-title">{{ isEn ? '就业岗位' : '就业岗位' }}</div>
<p>就业方向和岗位：主要面向电子商务公司、传统企业数字化转型公司及企事业单位从事数字运营岗、数据管理岗</p>
<div class="cart-txt">
......@@ -457,21 +327,10 @@
<template v-if="showModule === 6">
<div class="module-6 module-content-box">
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_011.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_011.png'
"
class="banner"
/>
:src="isEn ? 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_011.png' : 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_011.png'"
class="banner" />
<div class="content-mian">
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_02.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_02.png'
"
/>
<img :src="isEn ? 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_02.png' : 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_02.png'" />
<div class="module-title">{{ isEn ? '专业分类' : '专业分类' }}</div>
<div class="tabs">
<div
......@@ -480,150 +339,109 @@
:key="index"
@click="module6TabActive = index"
@mouseenter="module6TabHoverIndex = index"
@mouseleave="module6TabHoverIndex = -1"
>
<img
:src="module6TabActive === index || module6TabHoverIndex === index ? item.active_icon : item.icon"
/>
@mouseleave="module6TabHoverIndex = -1">
<img :src="module6TabActive === index || module6TabHoverIndex === index ? item.active_icon : item.icon" />
<p>{{ item.text }}</p>
</div>
</div>
<div v-show="module6TabActive === 0">
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab1_01.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab1_01.png'
"
style="margin:15px 0 0"
/>
:src="isEn ? 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab1_01.png' : 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab1_01.png'"
style="margin: 15px 0 0" />
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab1_02.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab1_02.png'
"
style="margin:35px 0 0;width:890px;"
/>
:src="isEn ? 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab1_02.png' : 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab1_02.png'"
style="margin: 35px 0 0; width: 890px" />
</div>
<template v-if="module6TabActive === 1">
<div class="img-text">
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab2_01.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab2_01.png'
isEn ? 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab2_01.png' : 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab2_01.png'
"
class="img3"
/>
class="img3" />
<div>
<h5>人才培养方向</h5>
<p>
大数据技术生态系统解析，科技创新前沿实践<br />创新思维 + 应用场景 +
实践应用，多维度培养数据技术人才
</p>
<p>大数据技术生态系统解析，科技创新前沿实践<br />创新思维 + 应用场景 + 实践应用，多维度培养数据技术人才</p>
</div>
</div>
<div class="module-title" style="margin-top:30px;">{{ isEn ? '就业行业' : '就业行业' }}</div>
<div class="module-title" style="margin-top: 30px">{{ isEn ? '就业行业' : '就业行业' }}</div>
<div class="swiper-content">
<div v-swiper:mySwiper="swiperOption">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_swipe_01.png" />
<p>
<img
src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab2_swiper_icon01.png"
/>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab2_swiper_icon01.png" />
<span>{{ isEn ? '医学类' : '医学类' }}</span>
</p>
</div>
<div class="swiper-slide">
<img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_swipe_02.png" />
<p>
<img
src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab2_swiper_icon02.png"
/>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab2_swiper_icon02.png" />
<span>{{ isEn ? '生物行业' : '生物行业' }}</span>
</p>
</div>
<div class="swiper-slide">
<img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_swipe_03.png" />
<p>
<img
src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab2_swiper_icon03.png"
/>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab2_swiper_icon03.png" />
<span>{{ isEn ? '金融行业' : '金融行业' }}</span>
</p>
</div>
<div class="swiper-slide">
<img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_swipe_04.png" />
<p>
<img
src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab2_swiper_icon04.png"
/>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab2_swiper_icon04.png" />
<span>{{ isEn ? '零售行业' : '零售行业' }}</span>
</p>
</div>
<div class="swiper-slide">
<img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_swipe_01.png" />
<p>
<img
src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab2_swiper_icon05.png"
/>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab2_swiper_icon05.png" />
<span>{{ isEn ? '电商行业' : '电商行业' }}</span>
</p>
</div>
<div class="swiper-slide">
<img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_swipe_02.png" />
<p>
<img
src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab2_swiper_icon06.png"
/>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab2_swiper_icon06.png" />
<span>{{ isEn ? '农牧行业' : '农牧行业' }}</span>
</p>
</div>
<div class="swiper-slide">
<img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_swipe_03.png" />
<p>
<img
src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab2_swiper_icon07.png"
/>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab2_swiper_icon07.png" />
<span>{{ isEn ? '交通行业' : '交通行业' }}</span>
</p>
</div>
<div class="swiper-slide">
<img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_swipe_04.png" />
<p>
<img
src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab2_swiper_icon08.png"
/>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab2_swiper_icon08.png" />
<span>{{ isEn ? '教育行业' : '教育行业' }}</span>
</p>
</div>
<div class="swiper-slide">
<img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_swipe_01.png" />
<p>
<img
src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab2_swiper_icon09.png"
/>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab2_swiper_icon09.png" />
<span>{{ isEn ? '体育行业' : '体育行业' }}</span>
</p>
</div>
<div class="swiper-slide">
<img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_swipe_02.png" />
<p>
<img
src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab2_swiper_icon10.png"
/>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab2_swiper_icon10.png" />
<span>{{ isEn ? '食品行业' : '食品行业' }}</span>
</p>
</div>
<div class="swiper-slide">
<img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_swipe_03.png" />
<p>
<img
src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab2_swiper_icon11.png"
/>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab2_swiper_icon11.png" />
<span>{{ isEn ? '政府行业' : '政府行业' }}</span>
</p>
</div>
......@@ -636,30 +454,24 @@
<img src="https://webapp-pub.ezijing.com/www/pc/swipe-next-btn.png" />
</div>
</div>
<div class="module-title" style="margin-top:30px;">{{ isEn ? '广泛需求岗位' : '广泛需求岗位' }}</div>
<div class="module-title" style="margin-top: 30px">{{ isEn ? '广泛需求岗位' : '广泛需求岗位' }}</div>
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab2_02.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab2_02.png'
"
/>
isEn ? 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab2_02.png' : 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab2_02.png'
" />
</template>
<template v-if="module6TabActive === 2">
<div class="img-text">
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab3_01.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab3_01.png'
"
/>
isEn ? 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab3_01.png' : 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab3_01.png'
" />
<div>
<h5>人才培养方向</h5>
<p>复合 + 创新 + 可持续发展<br />赋能未来，夯实云计算人才培养</p>
</div>
</div>
<div class="module-title" style="margin-top:30px;">{{ isEn ? '就业行业' : '就业行业' }}</div>
<div class="module-title" style="margin-top: 30px">{{ isEn ? '就业行业' : '就业行业' }}</div>
<div class="swiper-content">
<div v-swiper:mySwiper="swiperOption">
<div class="swiper-wrapper">
......@@ -707,93 +519,73 @@
<img src="https://webapp-pub.ezijing.com/www/pc/swipe-next-btn.png" />
</div>
</div>
<div class="module-title" style="margin-top:30px;">{{ isEn ? '广泛需求岗位' : '广泛需求岗位' }}</div>
<div class="module-title" style="margin-top: 30px">{{ isEn ? '广泛需求岗位' : '广泛需求岗位' }}</div>
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab3_02.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab3_02.png'
"
/>
isEn ? 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab3_02.png' : 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab3_02.png'
" />
</template>
<template v-if="module6TabActive === 3">
<div class="img-text">
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab4_01.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab4_01.png'
"
/>
isEn ? 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab4_01.png' : 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab4_01.png'
" />
<div>
<h5>人才培养方向</h5>
<p>复合 + 国际 + 创新<br />加快网络安全人才培养，打造人才培养“新样板”</p>
</div>
</div>
<div class="module-title" style="margin-top:30px;">{{ isEn ? '就业行业' : '就业行业' }}</div>
<div class="module-title" style="margin-top: 30px">{{ isEn ? '就业行业' : '就业行业' }}</div>
<div class="swiper-content">
<div v-swiper:mySwiper="swiperOption">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_swipe_01.png" />
<p>
<img
src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab4_swiper_icon01.png"
/>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab4_swiper_icon01.png" />
<span>{{ isEn ? 'IT/互联网行业' : 'IT/互联网行业' }}</span>
</p>
</div>
<div class="swiper-slide">
<img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_swipe_02.png" />
<p>
<img
src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab4_swiper_icon02.png"
/>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab4_swiper_icon02.png" />
<span>{{ isEn ? '通信/电子行业' : '通信/电子行业' }}</span>
</p>
</div>
<div class="swiper-slide">
<img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_swipe_03.png" />
<p>
<img
src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab4_swiper_icon03.png"
/>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab4_swiper_icon03.png" />
<span>{{ isEn ? '制造行业' : '制造行业' }}</span>
</p>
</div>
<div class="swiper-slide">
<img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_swipe_04.png" />
<p>
<img
src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab4_swiper_icon04.png"
/>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab4_swiper_icon04.png" />
<span>{{ isEn ? '政府机关' : '政府机关' }}</span>
</p>
</div>
<div class="swiper-slide">
<img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_swipe_01.png" />
<p>
<img
src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab4_swiper_icon05.png"
/>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab4_swiper_icon05.png" />
<span>{{ isEn ? '建筑房地产业' : '建筑房地产业' }}</span>
</p>
</div>
<div class="swiper-slide">
<img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_swipe_02.png" />
<p>
<img
src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab4_swiper_icon06.png"
/>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab4_swiper_icon06.png" />
<span>{{ isEn ? '咨询服务行业' : '咨询服务行业' }}</span>
</p>
</div>
<div class="swiper-slide">
<img src="https://webapp-pub.ezijing.com/www/pc/services/job/occupation_swipe_03.png" />
<p>
<img
src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab4_swiper_icon07.png"
/>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab4_swiper_icon07.png" />
<span>{{ isEn ? '金融行业' : '金融行业' }}</span>
</p>
</div>
......@@ -807,13 +599,8 @@
</div>
</div>
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab4_02.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab4_02.png'
"
style="margin-top:36px;"
/>
:src="isEn ? 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab4_02.png' : 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_tab4_02.png'"
style="margin-top: 36px" />
</template>
</div>
</div>
......@@ -821,21 +608,10 @@
<template v-if="showModule === 7">
<div class="module-7 module-content-box">
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page7_011.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page7_011.png'
"
class="banner"
/>
:src="isEn ? 'https://webapp-pub.ezijing.com/www/pc/services/major/page7_011.png' : 'https://webapp-pub.ezijing.com/www/pc/services/major/page7_011.png'"
class="banner" />
<div class="content-mian">
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page7_02.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page7_02.png'
"
/>
<img :src="isEn ? 'https://webapp-pub.ezijing.com/www/pc/services/major/page7_02.png' : 'https://webapp-pub.ezijing.com/www/pc/services/major/page7_02.png'" />
<div class="module-title">{{ isEn ? '专业分类' : '专业分类' }}</div>
<div class="swiper-content">
<div v-swiper:mySwiper="swiperOption" ref="mySwiper" class="swiper-container">
......@@ -886,7 +662,7 @@
</div>
<!-- <ul class="cart-img cart-img1">
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page7_cart_01.png" alt="" />
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page7_cart_01.png" />
<div class="txt">
<div class="name">
{{
......@@ -896,7 +672,7 @@
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page7_cart_02.png" alt="" />
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page7_cart_02.png" />
<div class="txt">
<div class="name">
{{
......@@ -906,7 +682,7 @@
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page7_cart_03.png" alt="" />
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page7_cart_03.png" />
<div class="txt">
<div class="name">
{{
......@@ -916,7 +692,7 @@
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page7_cart_04.png" alt="" />
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page7_cart_04.png" />
<div class="txt">
<div class="name">
{{
......@@ -926,7 +702,7 @@
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page7_cart_05.png" alt="" />
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page7_cart_05.png" />
<div class="txt">
<div class="name">
{{
......@@ -937,20 +713,9 @@
</li>
</ul> -->
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page7_031.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page7_031.png'
"
style="margin-top:48px;"
/>
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page7_041.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page7_041.png'
"
/>
:src="isEn ? 'https://webapp-pub.ezijing.com/www/pc/services/major/page7_031.png' : 'https://webapp-pub.ezijing.com/www/pc/services/major/page7_031.png'"
style="margin-top: 48px" />
<img :src="isEn ? 'https://webapp-pub.ezijing.com/www/pc/services/major/page7_041.png' : 'https://webapp-pub.ezijing.com/www/pc/services/major/page7_041.png'" />
</div>
</div>
</template>
......@@ -1217,7 +982,7 @@ export default {
overflow: hidden;
&:hover {
img {
transform: scale(1.1);
transform: scale(1.06);
}
}
img {
......
pages/services/professional.vue
浏览文件 @ 043dcc63
......@@ -20,8 +20,7 @@
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/services/professional/1_en.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/professional/1.png'
"
/>
" />
</div>
</section>
<section class="section section-3">
......@@ -63,8 +62,7 @@
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/services/professional/tab_1_1_en.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/professional/tab_1_1.png'
"
/>
" />
</div>
</div>
<!-- </el-tab-pane> -->
......@@ -72,10 +70,7 @@
<el-tab-pane>
<template #label>
<img src="https://webapp-pub.ezijing.com/www/pc/services/professional/icon_2.png" class="icon" />
<img
src="https://webapp-pub.ezijing.com/www/pc/services/professional/icon_2_hover.png"
class="active-icon"
/>
<img src="https://webapp-pub.ezijing.com/www/pc/services/professional/icon_2_hover.png" class="active-icon" />
<p>{{ $t('degital.base_profession.tit1') }}</p>
</template>
<div class="topic">
......@@ -97,8 +92,7 @@
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/services/professional/base/tab_1_1_en.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/professional/base/tab_1_1.png'
"
/>
" />
</div>
</div>
<div class="tab-section">
......@@ -112,8 +106,7 @@
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/services/professional/base/tab_2_1_en.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/professional/base/tab_2_1.png'
"
/>
" />
</div>
</div>
<div class="tab-section">
......@@ -122,10 +115,7 @@
</h3>
<div class="topic">
<img
src="https://webapp-pub.ezijing.com/www/pc/services/professional/base/tab_3_1.png"
class="topic-bg"
/>
<img src="https://webapp-pub.ezijing.com/www/pc/services/professional/base/tab_3_1.png" class="topic-bg" />
<div class="topic-cover">
<div class="cover_tit">
{{ $t('degital.base_profession.tit1_d4_tit1') }}
......@@ -143,10 +133,7 @@
<el-tab-pane>
<template #label>
<img src="https://webapp-pub.ezijing.com/www/pc/services/professional/icon_3.png" class="icon" />
<img
src="https://webapp-pub.ezijing.com/www/pc/services/professional/icon_3_hover.png"
class="active-icon"
/>
<img src="https://webapp-pub.ezijing.com/www/pc/services/professional/icon_3_hover.png" class="active-icon" />
<p>{{ $t('degital.apply.tit1') }}</p>
</template>
......@@ -158,9 +145,7 @@
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/services/professional/img3_1_1_en.png'
: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/services/professional/img3_1_1.png'
"
alt=""
/>
" />
<p>
{{ $t('degital.apply.tit1_d1') }}
</p>
......
pages/services/school.vue
浏览文件 @ 043dcc63
......@@ -13,11 +13,8 @@
<div class="section-pic" style="margin-top: 120px">
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/services/school/1_en.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/school/1.png'
"
/>
$cookies.get('lang') == 'en-US' ? 'https://webapp-pub.ezijing.com/www/pc/services/school/1_en.png' : 'https://webapp-pub.ezijing.com/www/pc/services/school/1.png'
" />
</div>
</div>
</section>
......@@ -44,12 +41,9 @@
<div class="section-pic">
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/services/school/2_en.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/school/2.png'
$cookies.get('lang') == 'en-US' ? 'https://webapp-pub.ezijing.com/www/pc/services/school/2_en.png' : 'https://webapp-pub.ezijing.com/www/pc/services/school/2.png'
"
width="100%"
/>
width="100%" />
</div>
</div>
</section>
......@@ -139,7 +133,7 @@ export default {
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
transition: all 0.3s;
&:hover {
transform: scale(1.1);
transform: scale(1.06);
}
}
.edu-item__content {
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论