提交 a240af14 authored 作者: matian's avatar matian

feat:教育服务模块增加英文版

上级 a1a6f9d2
......@@ -6,8 +6,7 @@
:key="index"
@click="tabChanges(index)"
v-html="item.name"
>
</li>
></li>
</ul>
</template>
<script>
......@@ -22,8 +21,7 @@ export default {
indexActive: 0
}
},
mounted() {
},
mounted() {},
methods: {
tabChanges(index) {
this.indexActive = index
......@@ -33,28 +31,27 @@ export default {
}
</script>
<style lang="scss" scoped>
.tab-content{
width: 160px;
.tab-content {
width: 180px;
height: fit-content;
background: #fff;
padding-top: 35px;
padding-bottom: 43px;
li{
li {
position: relative;
width: 100%;
height: 40px;
font-size: 22px;
line-height: 40px;
text-align: center;
color: #777777;
margin-bottom: 60px;
cursor: pointer;
&:last-child{
&:last-child {
margin: 0;
}
&.active{
&.active {
color: rgba(170, 25, 65, 1);
&::after{
&::after {
content: '';
width: 8px;
height: 40px;
......@@ -66,4 +63,4 @@ export default {
}
}
}
</style>
\ No newline at end of file
</style>
......@@ -65,6 +65,20 @@ export default {
alumni: 'Alumni',
alumniZijinghua: 'Zijinghua Project',
alumniStory: 'Alumni Spotlight'
},
cooperation: {
tit1: 'Professional top-level design',
tit2: 'Teacher training',
tit3: 'Course Resources Construction',
tit4: 'Training base construction',
tit5: 'Construction of training platform',
tit6: 'Induced labor enrolled',
tit7: 'Professional + innovation and entrepreneurship'
},
college: {
tit1: 'College of Modern Industry',
tit2: 'Digital financial',
tit3: 'International Brand Management And new media operations'
}
},
home: {
......@@ -269,5 +283,12 @@ export default {
major: {
describe:
'Zijing Education has abundant technology and industrial resources to assist institutions in responding to industrial transformation, policy requirements and new challenges. It would be supportive for the development of disciplines and majors in terms of industrialization, internationalization, and digitization. Moreover, Zijing Education is dedicating to optimizing education plan, expertise of faculty to jointly develop the globally focused curriculums for teaching and most distinctive design of programs.'
// tit1: 'Professional top-level design',
// tit2: 'Teacher training',
// tit3: 'Course Resources Construction',
// tit4: 'Training base construction',
// tit5: 'Construction of training platform',
// tit6: 'Induced labor enrolled',
// tit7: 'Professional + innovation and entrepreneurship'
}
}
......@@ -65,6 +65,20 @@ export default {
alumni: '校友会',
alumniZijinghua: '紫荆花计划',
alumniStory: '校友故事'
},
cooperation: {
tit1: '专业顶层设计',
tit2: '师资培训',
tit3: '课程资源建设',
tit4: '实训基地建设',
tit5: '实训平台建设',
tit6: '引产入校',
tit7: '专业+创新创业'
},
college:{
tit1:'现代产业学院',
tit2:'数字金融',
tit3:'国际品牌管理<br />与数字运营'
}
},
home: {
......@@ -266,5 +280,12 @@ export default {
major: {
describe:
'依托紫荆教育技术与产业资源优势,协助院校应对行业变革、政策要求和办学新挑战,为院校提供产业化、国际化、数字化专业提升建设支持,优化人才培养方案,提升师资力量,共同开发精品课程资源,促进教学发展,整体提升专业建设水平,助力院校打造专业特色和优势。'
// tit1: '专业顶层设计',
// tit2: '师资培训',
// tit3: '课程资源建设',
// tit4: '实训基地建设',
// tit5: '实训平台建设',
// tit6: '引产入校',
// tit7: '专业+创新创业'
}
}
......@@ -8,36 +8,98 @@
<div class="module-1 module-content-box">
<img src="https://webapp-pub.ezijing.com/www/pc/college-m1-banner.jpg" alt="" class="banner" />
<div class="content-mian">
<img src="https://webapp-pub.ezijing.com/www/pc/college-m1-i1.png" alt="" />
<img src="https://webapp-pub.ezijing.com/www/pc/college-m1-i2-new.png" alt="" />
<img src="https://webapp-pub.ezijing.com/www/pc/college-m1-i3-new.png" alt="" />
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/college/img1.png'
: ' https://webapp-pub.ezijing.com/www/pc/college-m1-i1.png'
"
/><img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/college/img2.png'
: ' https://webapp-pub.ezijing.com/www/pc/college-m1-i2-new'
"
/><img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/college/img3.png'
: ' https://webapp-pub.ezijing.com/www/pc/college-m1-i3-new'
"
/>
<!-- <img src="https://webapp-pub.ezijing.com/www/pc/college-m1-i2-new.png" alt="" />
<img src="https://webapp-pub.ezijing.com/www/pc/college-m1-i3-new.png" alt="" /> -->
<div class="m1-new-item">
<div class="title">紫荆教育特有三阶段人才培养</div>
<div class="title">
{{
$cookies.get('lang') == 'en-US'
? 'Zijing Education - Unique Three-stage Talent Training'
: '紫荆教育特有三阶段人才培养'
}}
</div>
<div class="item-box">
<div class="left-box">
<img src="https://webapp-pub.ezijing.com/www/pc/college-m1-dom1.png" alt="" class="bg" />
<img src="https://webapp-pub.ezijing.com/www/pc/college-m1-dom1-txt.png" alt="" class="txt" />
<img
v-if="$cookies.get('lang') == 'en-US'"
src=" https://webapp-pub.ezijing.com/www/pc/college/img41.png"
class="txt img11"
/>
<img v-else src="https://webapp-pub.ezijing.com/www/pc/college-m1-dom1-txt.png" class="txt img1" />
</div>
<div class="right-box">
<div class="items">
<img src="https://webapp-pub.ezijing.com/www/pc/college-m1-dom2.png" alt="" class="bg" />
<img src="https://webapp-pub.ezijing.com/www/pc/college-m1-dom2-txt.png" alt="" class="txt t1" />
<img
v-if="$cookies.get('lang') == 'en-US'"
src=" https://webapp-pub.ezijing.com/www/pc/college/img51.png"
class="txt t11"
/>
<img v-else src="https://webapp-pub.ezijing.com/www/pc/college-m1-dom1-txt.png" class="txt t1" />
</div>
<div class="items">
<img src="https://webapp-pub.ezijing.com/www/pc/college-m1-dom3.png" alt="" class="bg" />
<img src="https://webapp-pub.ezijing.com/www/pc/college-m1-dom3-txt.png" alt="" class="txt t2" />
<img
v-if="$cookies.get('lang') == 'en-US'"
src=" https://webapp-pub.ezijing.com/www/pc/college/img61.png"
class="txt t22"
/>
<img v-else src="https://webapp-pub.ezijing.com/www/pc/college-m1-dom1-txt.png" class="txt t2" />
</div>
</div>
</div>
<div class="tips">
<div class="tips" style="" v-if="$cookies.get('lang') == 'en-US'">
Integration of Theoretical and Political Education and Curriculum Development<br />Penetration of
Co-Operation with Enterprises and Training for Professional Elite<br />
A wide range of head industry resources are well organized to meet the needs of high quality
employment by introduction<br />
of the career evaluation system for the comprehensive evaluation of career development; escorting by
career planning for<br />
industry giants; one-stop connection between associate/undergraduate and international degree
education.
</div>
<div class="tips" v-else>
思政建设与课程建设相融合<br />
引产入校与职业菁英训练贯穿整个期间<br />
引入职业评价系统为职业发展全面测评;行业大咖职业规划保驾护航;专科本科与国际学位教育一站式衔接;广泛的头部行业资源,满足高质量就业需求。
</div>
</div>
<!-- <img src="https://webapp-pub.ezijing.com/www/pc/college-m1-i4.png" alt=""> -->
<img src="https://webapp-pub.ezijing.com/www/pc/college-m1-i5-new.png" alt="" />
<img src="https://webapp-pub.ezijing.com/www/pc/college-m1-i6-new.png" alt="" />
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/college/img7.png'
: 'https://webapp-pub.ezijing.com/www/pc/college-m1-i5-new.png'
"
alt=""
/><img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/college/img8.png'
: 'https://webapp-pub.ezijing.com/www/pc/college-m1-i6-new.png'
"
alt=""
/>
</div>
</div>
</template>
......@@ -46,16 +108,83 @@
<img src="https://webapp-pub.ezijing.com/www/pc/college-m2-banner.jpg" alt="" class="banner" />
<div class="content-mian">
<div class="con-img-box">
<img src="https://webapp-pub.ezijing.com/www/pc/college-m2-i1.png" alt="" />
<img src="https://webapp-pub.ezijing.com/www/pc/college-m2-i2.png" alt="" />
<img src="https://webapp-pub.ezijing.com/www/pc/college-m2-i3-new.png" alt="" />
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/college/img9.png'
: 'https://webapp-pub.ezijing.com/www/pc/college-m2-i1.png'
"
alt=""
/>
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/college/img10.png'
: 'https://webapp-pub.ezijing.com/www/pc/college-m2-i2.png'
"
alt=""
/>
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/college/img11.png'
: 'https://webapp-pub.ezijing.com/www/pc/college-m2-i3-new.png'
"
alt=""
/>
</div>
<div class="ul-tit">目标岗位群</div>
<ul>
<li v-for="(item, index) in module2.list" :key="index">
<img :src="item.image" alt="" />
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/college-m2-mb2.jpg" alt="" />
<div class="pop-txt">
<div class="name">{{ $cookies.get('lang') == 'en-US' ? 'Digital marketing' : '数字化营销' }}</div>
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/college-m2-mb1.jpg" alt="" />
<div class="pop-txt">
<div class="name">{{ $cookies.get('lang') == 'en-US' ? 'Digital operation' : '数字化运营' }}</div>
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/college-m2-mb3.jpg" alt="" />
<div class="pop-txt">
<div class="name">{{ $cookies.get('lang') == 'en-US' ? 'Intelligent interest' : '智能投顾' }}</div>
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/college-m2-mb4.jpg" alt="" />
<div class="pop-txt">
<div class="name">{{ $cookies.get('lang') == 'en-US' ? 'Risk management' : '风险管理' }}</div>
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/college-m2-mb5.jpg" alt="" />
<div class="pop-txt">
<div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'Financial data analysis' : '金融数据分析' }}
</div>
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/college-m2-mb6.jpg" alt="" />
<div class="pop-txt">
<div class="name">{{ item.text }}</div>
<div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'The financial accounting' : '财务会计' }}
</div>
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/college-m2-mb7.jpg" alt="" />
<div class="pop-txt">
<div class="name">{{ $cookies.get('lang') == 'en-US' ? 'Financial modeling' : '金融建模' }}</div>
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/college-m2-mb8.jpg" alt="" />
<div class="pop-txt">
<div class="name">{{ $cookies.get('lang') == 'en-US' ? 'Investment analysis' : '投资分析' }}</div>
</div>
</li>
</ul>
......@@ -67,26 +196,133 @@
<img src="https://webapp-pub.ezijing.com/www/pc/college-m3-banner.jpg" alt="" class="banner" />
<div class="content-mian">
<div class="con-img-box">
<img src="https://webapp-pub.ezijing.com/www/pc/college-m3-i1.png" alt="" />
<img src="https://webapp-pub.ezijing.com/www/pc/college-m3-i2-new.png" alt="" />
<img src="https://webapp-pub.ezijing.com/www/pc/college-m3-i3-new1.png" alt="" />
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/college/img12.png'
: 'https://webapp-pub.ezijing.com/www/pc/college-m3-i1.png'
"
alt=""
/><img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/college/img13.png'
: 'https://webapp-pub.ezijing.com/www/pc/college-m3-i2-new.png'
"
alt=""
/><img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/college/img14.png'
: 'https://webapp-pub.ezijing.com/www/pc/college-m3-i3-new1.png'
"
alt=""
/>
</div>
<div class="ul-tit">目标岗位群</div>
<ul class="list1">
<li>品牌管理方向</li>
<li v-for="(item, index) in module3.list" :key="index">
<img :src="item.image" alt="" />
<li>
<div>
{{ $cookies.get('lang') == 'en-US' ? 'Brand Management Direction' : '品牌管理方向' }}
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/college-m3-mb1.jpg" alt="" />
<div class="pop-txt">
<div class="name">{{ item.text }}</div>
<div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'Target post group marketing results' : '数字化运营' }}
</div>
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/college-m3-mb2.jpg" alt="" />
<div class="pop-txt">
<div class="name">{{ $cookies.get('lang') == 'en-US' ? 'Copywriter and planer' : '广告策划' }}</div>
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/college-m3-mb3.jpg" alt="" />
<div class="pop-txt">
<div class="name">{{ $cookies.get('lang') == 'en-US' ? 'Advertising planning' : '媒体公共' }}</div>
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/college-m3-mb4.jpg" alt="" />
<div class="pop-txt">
<div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'Target post group marketing results' : '营销策划' }}
</div>
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/college-m3-mb5.jpg" alt="" />
<div class="pop-txt">
<div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'Target post group marketing results' : '渠道管理' }}
</div>
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/college-m3-mb6.jpg" alt="" />
<div class="pop-txt">
<div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'Target post group marketing results' : '品牌管理运营' }}
</div>
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/college-m3-mb7.jpg" alt="" />
<div class="pop-txt">
<div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'Target post group marketing results' : '产品设计' }}
</div>
</div>
</li>
</ul>
<ul class="list2">
<li>全链路运营方向</li>
<li v-for="(item, index) in module3.list2" :key="index">
<img :src="item.image" alt="" />
<li>
<div>
{{ $cookies.get('lang') == 'en-US' ? 'Full link operation direction' : '全链路运营方向' }}
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/college-m3-mb2-1.jpg" alt="" />
<div class="pop-txt">
<div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'Internet operation' : '互联网运营' }}
</div>
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/college-m3-mb2-2.jpgg" alt="" />
<div class="pop-txt">
<div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'New media operation' : '新媒体运营' }}
</div>
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/college-m3-mb2-3.jpg" alt="" />
<div class="pop-txt">
<div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'website' : '网站运营' }}
</div>
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/college-m3-mb2-4.jpg" alt="" />
<div class="pop-txt">
<div class="name">{{ item.text }}</div>
<div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'Electrical business operations' : '电商运营' }}
</div>
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/college-m3-mb2-5.jpg" alt="" />
<div class="pop-txt">
<div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'Event planning and operation' : '活动策划运营' }}
</div>
</div>
</li>
</ul>
......@@ -105,45 +341,19 @@ export default {
},
data() {
return {
module2: {
list: [
{ image: 'https://webapp-pub.ezijing.com/www/pc/college-m2-mb2.jpg', text: '数字化营销' },
{ image: 'https://webapp-pub.ezijing.com/www/pc/college-m2-mb1.jpg', text: '数字化运营' },
{ image: 'https://webapp-pub.ezijing.com/www/pc/college-m2-mb3.jpg', text: '智能投顾' },
{ image: 'https://webapp-pub.ezijing.com/www/pc/college-m2-mb4.jpg', text: '风险管理' },
{ image: 'https://webapp-pub.ezijing.com/www/pc/college-m2-mb5.jpg', text: '金融数据分析' },
{ image: 'https://webapp-pub.ezijing.com/www/pc/college-m2-mb6.jpg', text: '财务会计' },
{ image: 'https://webapp-pub.ezijing.com/www/pc/college-m2-mb7.jpg', text: '金融建模' },
{ image: 'https://webapp-pub.ezijing.com/www/pc/college-m2-mb8.jpg', text: '投资分析' }
]
},
module3: {
list: [
{ image: 'https://webapp-pub.ezijing.com/www/pc/college-m3-mb1.jpg', text: '数字化运营' },
{ image: 'https://webapp-pub.ezijing.com/www/pc/college-m3-mb2.jpg', text: '广告策划' },
{ image: 'https://webapp-pub.ezijing.com/www/pc/college-m3-mb3.jpg', text: '媒体公共' },
{ image: 'https://webapp-pub.ezijing.com/www/pc/college-m3-mb4.jpg', text: '营销策划' },
{ image: 'https://webapp-pub.ezijing.com/www/pc/college-m3-mb5.jpg', text: '渠道管理' },
{ image: 'https://webapp-pub.ezijing.com/www/pc/college-m3-mb6.jpg', text: '品牌管理运营' },
{ image: 'https://webapp-pub.ezijing.com/www/pc/college-m3-mb7.jpg', text: '产品设计' }
],
list2: [
{ image: 'https://webapp-pub.ezijing.com/www/pc/college-m3-mb2-1.jpg', text: '互联网运营' },
{ image: 'https://webapp-pub.ezijing.com/www/pc/college-m3-mb2-2.jpg', text: '新媒体运营' },
{ image: 'https://webapp-pub.ezijing.com/www/pc/college-m3-mb2-3.jpg', text: '网站运营' },
{ image: 'https://webapp-pub.ezijing.com/www/pc/college-m3-mb2-4.jpg', text: '电商运营' },
{ image: 'https://webapp-pub.ezijing.com/www/pc/college-m3-mb2-5.jpg', text: '活动策划运营' }
]
},
tabList: [
{
name: '现代产业学院'
name: this.$t('menu.college.tit1')
// 现代产业学院'
},
{
name: '数字金融'
name: this.$t('menu.college.tit2')
// name: '数字金融'
},
{
name: '国际品牌管理<br />与数字运营'
name: this.$t('menu.college.tit3')
// name: '国际品牌管理<br />与数字运营'
}
],
showModule: 0
......@@ -205,6 +415,7 @@ export default {
font-size: 16px;
line-height: 32px;
color: #424242;
font-weight: 300;
padding: 20px 0 50px;
}
.item-box {
......@@ -226,6 +437,12 @@ export default {
transform: translateY(-50%);
width: 155px;
}
.img1 {
width: 155px;
}
.img11 {
width: 415px;
}
overflow: hidden;
&:hover {
.bg {
......@@ -262,9 +479,15 @@ export default {
&.t1 {
width: 109px;
}
&.t11 {
width: 253px;
}
&.t2 {
width: 181px;
}
&.t22 {
width: 303px;
}
}
}
}
......@@ -351,8 +574,8 @@ export default {
position: absolute;
bottom: 20px;
left: 20px;
font-size: 20px;
font-weight: bold;
font-size: 16px;
font-weight: 300;
// line-height: 170px;
color: #ffffff;
}
......@@ -401,9 +624,15 @@ export default {
&:nth-child(1) {
background: #f9f8f8;
text-align: center;
line-height: 170px;
font-size: 22px;
color: #aa1941;
div {
// width: 196px;
font-size: 22px;
font-weight: 400;
line-height: 28px;
margin-top: 58px;
margin-left: 12px;
}
}
img {
width: 100%;
......@@ -422,8 +651,8 @@ export default {
position: absolute;
bottom: 20px;
left: 20px;
font-size: 20px;
font-weight: 500;
font-size: 16px;
font-weight: 300;
color: #ffffff;
}
}
......@@ -469,8 +698,8 @@ export default {
position: absolute;
bottom: 20px;
left: 20px;
font-size: 20px;
font-weight: 500;
font-size: 16px;
font-weight: 300;
color: #ffffff;
}
}
......
......@@ -4,52 +4,170 @@
<div class="mian">
<div class="occupation-content-mian">
<div class="module-1 module-content-box">
<!-- <img src="https://webapp-pub.ezijing.com/www/pc/emp-banner.png" alt="" class="banner" /> -->
<div class="content-mian">
<img src="https://webapp-pub.ezijing.com/www/pc/emp624txt1.png" alt="" class="img1" />
<img src="https://webapp-pub.ezijing.com/www/pc/emp624-tit1.png" alt="" class="img2" />
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/quality/img1.png'
: 'https://webapp-pub.ezijing.com/www/pc/emp624txt1.png'
"
class="img1"
/>
<img
v-if="$cookies.get('lang') == 'en-US'"
src="https://webapp-pub.ezijing.com/www/pc/quality/img2.png"
alt=""
class="img21"
/>
<img v-else src="https://webapp-pub.ezijing.com/www/pc/emp624-tit1.png" alt="" class="img2" />
<ul>
<li v-for="(item, index) in list" :key="index">
<img :src="item.image" alt="" />
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/emp624-i1.png" alt="" />
<div class="pop-txt">
<div class="name">{{ item.text }}</div>
<div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'Professional Thinking' : '职业思维篇' }}
</div>
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/emp-gx2.jpg" alt="" />
<div class="pop-txt">
<div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'Professional Image' : '职业形象篇' }}
</div>
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/emp-gx3.jpg" alt="" />
<div class="pop-txt">
<div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'Professional Efficiency' : '职业效率篇' }}
</div>
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/emp-gx4.jpg" alt="" />
<div class="pop-txt">
<div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'Career Advancement' : '职业提升篇' }}
</div>
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/emp-gx5.jpg" alt="" />
<div class="pop-txt">
<div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'Erudite Thinking' : '菁英思维' }}
</div>
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/emp-gx6.jpg" alt="" />
<div class="pop-txt">
<div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'Erudite Skills' : '菁英技能' }}
</div>
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/emp624-i2.png" alt="" />
<div class="pop-txt">
<div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'Erudite Development' : '菁英拓展' }}
</div>
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/emp-gx8.jpg" alt="" />
<div class="pop-txt">
<div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'Erudite Practice' : '菁英实战' }}
</div>
</div>
</li>
</ul>
<img src="https://webapp-pub.ezijing.com/www/pc/emp-con3.png" alt="" class="img3" />
<img
v-if="$cookies.get('lang') == 'en-US'"
src="https://webapp-pub.ezijing.com/www/pc/quality/img3.png
"
class="img31"
/>
<img v-else src="https://webapp-pub.ezijing.com/www/pc/emp-con3.png" class="img3" />
<ul>
<li v-for="(item, index) in list2" :key="index">
<img :src="item.image" alt="" />
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/emp-gx2-1.jpg" alt="" />
<div class="pop-txt">
<div class="name">{{ item.text }}</div>
<div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'Industry Analysis' : '行业分析' }}
</div>
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/emp-gx2-2.jpg" alt="" />
<div class="pop-txt">
<div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'Personnel Appraisal' : '人才测评' }}
</div>
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/emp-gx2-3.jpg" alt="" />
<div class="pop-txt">
<div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'Career Counseling' : '自我认知' }}
</div>
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/emp-gx2-4.jpg" alt="" />
<div class="pop-txt">
<div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'Person-post Matching' : '人岗匹配' }}
</div>
</div>
</li>
</ul>
<img src="https://webapp-pub.ezijing.com/www/pc/emp-con4.png" alt="" class="img4" />
<img src="https://webapp-pub.ezijing.com/www/pc/emp-con5-new1.png" alt="" class="img5" />
<!-- <img src="https://webapp-pub.ezijing.com/www/pc/emp-con6.png" alt="" class="img5"> -->
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/quality/img4.png'
: 'https://webapp-pub.ezijing.com/www/pc/emp-con4.png'
"
class="img4"
/>
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/quality/img5.png'
: 'https://webapp-pub.ezijing.com/www/pc/emp-con5-new1.png'
"
class="img5"
/>
<div class="img-swiper">
<div class="title">部分合作院校</div>
<div class="title">
{{ $cookies.get('lang') == 'en-US' ? 'PARTNERING INSTITUTIONS' : '部分合作院校' }}
</div>
<div v-swiper:mySwiper="swiperOption" ref="mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="/emp623-i31.png" class="img" alt="">
<img src="/emp623-i32.png" class="img" alt="">
<img src="/emp623-i33.png" class="img" alt="">
<img src="/emp623-i31.png" class="img" alt="" />
<img src="/emp623-i32.png" class="img" alt="" />
<img src="/emp623-i33.png" class="img" alt="" />
</div>
</div>
</div>
</div>
<div class="img-swiper">
<div class="title">部分合作企业</div>
<div class="title">
{{ $cookies.get('lang') == 'en-US' ? 'Partial cooperative enterprises' : '部分合作企业' }}
</div>
<div v-swiper:mySwiper2="swiperOption2" ref="mySwiper2">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="/emp624-i41.png" class="img" alt="">
<img src="/emp624-i42.png" class="img" alt="">
<img src="/emp624-i43.png" class="img" alt="">
<img src="/emp624-i44.png" class="img" alt="">
<img src="/emp624-i41.png" class="img" alt="" />
<img src="/emp624-i42.png" class="img" alt="" />
<img src="/emp624-i43.png" class="img" alt="" />
<img src="/emp624-i44.png" class="img" alt="" />
</div>
</div>
</div>
......@@ -68,10 +186,10 @@ export default {
swiperOption: {
speed: 6000,
autoplay: {
delay: 0,
stopOnLastSlide: false,
disableOnInteraction: true,
},
delay: 0,
stopOnLastSlide: false,
disableOnInteraction: true
},
// delay: 3000,
observer: true,
observerParent: true,
......@@ -84,10 +202,10 @@ export default {
swiperOption2: {
speed: 6000,
autoplay: {
delay: 0,
stopOnLastSlide: false,
disableOnInteraction: true,
},
delay: 0,
stopOnLastSlide: false,
disableOnInteraction: true
},
// delay: 3000,
observer: true,
observerParent: true,
......@@ -127,10 +245,10 @@ export default {
}
},
swiper() {
return this.$refs.mySwiper.swiper;
return this.$refs.mySwiper.swiper
},
swiper2() {
return this.$refs.mySwiper.swiper;
return this.$refs.mySwiper.swiper
}
}
}
......@@ -174,38 +292,44 @@ export default {
.img2 {
width: 154px;
}
.img21 {
width: 432px;
height: 76px;
line-height: 76px;
}
.img3 {
width: 201px;
}
.img31 {
width: 302px;
}
.img5 {
margin-top: 53px;
}
.img9 {
margin-top: 35px;
}
.img-swiper{
.title{
.img-swiper {
.title {
padding: 47px 0 30px;
font-size: 22px;
font-weight: bold;
line-height: 100%;
color: #424242;
}
.swiper-wrapper{
.swiper-wrapper {
-webkit-transition-timing-function: linear; /*之前是ease-out*/
-moz-transition-timing-function: linear;
-ms-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
.swiper-slide{
.swiper-slide {
white-space: nowrap;
.img{
display:inline;
.img {
display: inline;
}
}
}
}
}
ul {
padding: 23px 0 39px 0;
......
......@@ -4,22 +4,44 @@
<div class="mian">
<div class="occupation-content-mian">
<div class="module-1 module-content-box">
<img src="https://webapp-pub.ezijing.com/www/pc/occ-banner-new.png" alt="" class="banner" />
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/occupation/occupation1.png'
: 'https://webapp-pub.ezijing.com/www/pc/occ-banner-new.png'
"
class="banner"
/>
<div class="content-mian">
<img src="https://webapp-pub.ezijing.com/www/pc/occ-i1.png" alt="" class="img1" />
<img src="https://webapp-pub.ezijing.com/www/pc/occ-i2.png" alt="" class="img2" />
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/occupation/occupation2.png'
: 'https://webapp-pub.ezijing.com/www/pc/occ-i1.png'
"
class="img1"
/>
<img
v-if="$cookies.get('lang') == 'en-US'"
src="https://webapp-pub.ezijing.com/www/pc/occupation/occupation3.png"
/>
<img v-else src="https://webapp-pub.ezijing.com/www/pc/occ-i2.png" class="img2" />
<div class="cont-hover">
<div class="top">
<div class="li">
<img src="https://webapp-pub.ezijing.com/www/pc/occ-ly1.jpg" alt="" />
<div class="pop">
<div class="name">金融财经类</div>
<div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'Finance and Economics' : '金融财经类' }}
</div>
</div>
</div>
<div class="li">
<img src="https://webapp-pub.ezijing.com/www/pc/occ-ly2.png" alt="" />
<div class="pop">
<div class="name">数字化营销类</div>
<div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'Digital Marketing' : '数字化营销类' }}
</div>
</div>
</div>
</div>
......@@ -27,48 +49,84 @@
<div class="li">
<img src="https://webapp-pub.ezijing.com/www/pc/occ-ly3.png" alt="" />
<div class="pop">
<div class="name">金融财经类</div>
<div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'New media operation' : '金融财经类' }}
</div>
</div>
</div>
<div class="li">
<img src="https://webapp-pub.ezijing.com/www/pc/occ-ly4.png" alt="" />
<div class="pop">
<div class="name">数字化营销类</div>
<div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'Brand Operation' : '数字化营销类' }}
</div>
</div>
</div>
<li class="li">……</li>
</div>
</div>
<img src="https://webapp-pub.ezijing.com/www/pc/occ-i3.png" alt="" class="img3" />
<img src="https://webapp-pub.ezijing.com/www/pc/occ-i4.png" alt="" class="img4" />
<!-- <img src="https://webapp-pub.ezijing.com/www/pc/occ-i3.png" alt="" class="img5"> -->
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/occupation/occupation4.png'
: 'https://webapp-pub.ezijing.com/www/pc/occ-i3.png'
"
class="img3"
/>
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/occupation/occupation5.png'
: 'https://webapp-pub.ezijing.com/www/pc/occ-i4.png'
"
class="img4"
/>
<ul>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/occ-zy1.jpg" alt="" />
<div class="pop">
<div class="name">金融产品数字化营销</div>
<div class="name">
{{
$cookies.get('lang') == 'en-US' ? 'Digital Marketing of Financial Products' : '金融产品数字化营销'
}}
</div>
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/occ-zy2.jpg" alt="" />
<div class="pop">
<div class="name">互联网营销师</div>
<div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'Internet-based Marketing Operator' : '互联网营销师' }}
</div>
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/occ-zy3.jpg" alt="" />
<div class="pop">
<div class="name">数字化营销师</div>
<div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'Digital Marketing Specialist' : '数字化营销师' }}
</div>
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/occ-zy4.jpg" alt="" />
<div class="pop">
<div class="name">全媒体运营师</div>
<div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'Omni-media Operation Staff' : '全媒体运营师' }}
</div>
</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" alt="" class="img5" /> -->
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/occupation/occupation6.png'
: 'https://webapp-pub.ezijing.com/www/pc/occ-i5.png'
"
class="img5"
/>
</div>
</div>
</div>
......@@ -176,18 +234,19 @@ export default {
width: 154px;
display: block;
}
.img3 {
width: 100%;
display: block;
margin-top: 27px;
}
.img4 {
width: 176px;
// width: 176px;
display: block;
margin-top: 27px;
}
.img5 {
width: 342px;
// width: 342px;
display: block;
margin-top: 32px;
}
......
......@@ -2,17 +2,28 @@
<div class="major-content">
<div class="mian-title">{{ $t('home.service.program') }}</div>
<div class="mian">
<tab :data="tabList" @tabChangeIndex="tabChangeIndex"/>
<tab :data="tabList" @tabChangeIndex="tabChangeIndex" />
<div class="major-content-mian">
<!-- 专业顶层设计 -->
<template v-if="showModule === 0">
<div class="module-1 module-content-box">
<img src="https://webapp-pub.ezijing.com/www/pc/m1-banner-new.png" alt="" class="banner">
<img src="https://webapp-pub.ezijing.com/www/pc/m1-banner-new.png" alt="" class="banner" />
<div class="content-mian">
<div class="dec-txt">
依托紫荆教育技术与产业资源优势,协助院校应对行业变革、政策要求和办学新挑战,为院校提供产业化、国际化、数字化专业提升建设支持,优化人才培养方案,提升师资力量,共同开发精品课程资源,促进教学发展,整体提升专业建设水平,助力院校打造专业特色和优势。
{{
$cookies.get('lang') == 'en-US'
? 'Zijing Education has abundant technology and industrial resources to assist institutions in responding to industrial transformation, policy requirements and new challenges. It would be supportive for the development of disciplines and majors in terms of industrialization, internationalization, and digitization. Moreover, Zijing Education is dedicating to optimizing education plan, expertise of faculty to jointly develop the globally focused curriculums for teaching and most distinctive design of programs.'
: '依托紫荆教育技术与产业资源优势,协助院校应对行业变革、政策要求和办学新挑战,为院校提供产业化、国际化、数字化专业提升建设支持,优化人才培养方案,提升师资力量,共同开发精品课程资源,促进教学发展,整体提升专业建设水平,助力院校打造专业特色和优势。'
}}
</div>
<img src="https://webapp-pub.ezijing.com/www/pc/m1-i1-new.png" alt="">
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/major/img1.png'
: 'https://webapp-pub.ezijing.com/www/pc/m1-i1-new.png'
"
alt=""
/>
<!-- <ul>
<li
v-for="(item, index) in module1.list"
......@@ -31,188 +42,467 @@
</div>
</template>
<!-- 实训基地建设 -->
<template v-if="showModule === 3">
<template v-if="showModule === 3">
<div class="module-2 module-content-box">
<img src="https://webapp-pub.ezijing.com/www/pc/m2-banner.jpg" alt="" class="banner">
<img src="https://webapp-pub.ezijing.com/www/pc/m2-banner.jpg" alt="" class="banner" />
<div class="content-mian">
<img src="https://zws-imgs-pub.ezijing.com/static/public/8f73e25f5db8f97a992555c5a45b9dfe.png" alt="" class="img1">
<img src="https://zws-imgs-pub.ezijing.com/static/public/c3da614c7163af739b09e1029e2c6e77.png" alt="" class="img2">
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/major/img6.png'
: 'https://zws-imgs-pub.ezijing.com/static/public/8f73e25f5db8f97a992555c5a45b9dfe.png'
"
alt=""
class="img1"
/>
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/major/img7.png'
: 'https://zws-imgs-pub.ezijing.com/static/public/c3da614c7163af739b09e1029e2c6e77.png'
"
alt=""
class="img2"
/>
<ul>
<li v-for="(item, index) in module2.list" :key="index">
<div class="block">0{{ index + 1 }}</div>
<div class="text">{{ item }}</div>
<li>
<div class="block">01</div>
<div class="text">
{{
$cookies.get('lang') == 'en-US'
? 'The teaching practice and practice base that the course teaching needs'
: '课程教学需要的教学实训实习基地'
}}
</div>
</li>
<li>
<div class="block">02</div>
<div class="text">
{{
$cookies.get('lang') == 'en-US'
? 'Professional teaching needs of production training practice base'
: '专业教学需要的生产实训实习基地'
}}
</div>
</li>
<li>
<div class="block">03</div>
<div class="text">
{{
$cookies.get('lang') == 'en-US'
? 'Induction of labor into the school training practice base'
: '引产入校实训实习基地'
}}
</div>
</li>
<li>
<div class="block">04</div>
<div class="text">
{{
$cookies.get('lang') == 'en-US'
? 'Other short - term, scattered practical training and internship units (or points)'
: '其他短期、分散的实训实习单位(点)'
}}
</div>
</li>
</ul>
<img src="https://webapp-pub.ezijing.com/www/pc/m2-i3-new1.png" alt="" class="img3">
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/major/img8.png'
: 'https://webapp-pub.ezijing.com/www/pc/m2-i3-new1.png'
"
alt=""
class="img3"
/>
</div>
</div>
</template>
<!-- 实训平台建设 -->
<template v-if="showModule === 4">
<template v-if="showModule === 4">
<div class="module-3 module-content-box">
<img src="https://webapp-pub.ezijing.com/www/pc/m3-i1-new.png" alt="" class="banner">
<img src="https://webapp-pub.ezijing.com/www/pc/m3-i1-new.png" alt="" class="banner" />
<div class="content-mian">
<img src="https://webapp-pub.ezijing.com/www/pc/1.png" alt="" class="img1">
<img src="https://webapp-pub.ezijing.com/www/pc/2.png" alt="" class="img2">
<img src="https://webapp-pub.ezijing.com/www/pc/3-new.png" alt="" class="img3">
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/major/img9.png'
: 'https://webapp-pub.ezijing.com/www/pc/1.png'
"
alt=""
class="img1"
/>
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/major/img10.png'
: 'https://webapp-pub.ezijing.com/www/pc/2.png'
"
alt=""
class="img2"
/>
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/major/img11.png'
: 'https://webapp-pub.ezijing.com/www/pc/3-new.png'
"
alt=""
class="img3"
/>
</div>
</div>
</template>
<!-- 课程资源建设 -->
<template v-if="showModule === 2">
<template v-if="showModule === 2">
<div class="module-4 module-content-box">
<img src="https://webapp-pub.ezijing.com/www/pc/m4-banner.jpg" alt="" class="banner">
<img src="https://webapp-pub.ezijing.com/www/pc/m4-banner.jpg" alt="" class="banner" />
<div class="content-mian">
<div class="txt1">紫荆教育以清北名师,业界专家为依托,结合专业方向的行业企业需求和课程改革方案,形成一整套专业链与产业链、课程内容与职业标准、教学与生产过程对接的综合改革项目课程教学资源。</div>
<div class="txt1">
{{
$cookies.get('lang') == 'en-US'
? 'With the support of famous teachers and industry experts in the north of the Qing Dynasty, and combined with the needs of enterprises in the professional direction and the curriculum reform plan, Bauhinia Education has formed a set of comprehensive reform project curriculum resources that connect the professional chain with the industrial chain, the curriculum content with the professional standard, and the teaching with the production process.'
: '紫荆教育以清北名师,业界专家为依托,结合专业方向的行业企业需求和课程改革方案,形成一整套专业链与产业链、课程内容与职业标准、教学与生产过程对接的综合改革项目课程教学资源。'
}}
</div>
<div class="txt-con-box">
<div class="tit">课程录制团队及设施</div>
<div class="tit">
{{ $cookies.get('lang') == 'en-US' ? 'Course recording team and facilities' : '课程录制团队及设施' }}
</div>
<div class="dec">
<div class="p">现有专职、兼职设计开发、课程编辑等专业人员50名,制作团队多从事于传媒行业转型互联网教育,拥有专业摄影棚(直播室、录播室、线上线下现场多媒体互动室)及专业摄影设备,可成为满足国内外各行业、各机构课程定制与开发的强有力保障。</div>
<div class="p">目前紫荆平台上已有超过300门课程,超过3000微课时的在线课程,注册学习人数超过3万名。</div>
<div class="p">
{{
$cookies.get('lang') == 'en-US'
? 'Existing full-time and part-time design development, curriculum editing 50 professional personnel,production team more engaged in the Internet education media industry transformation, have professional studio (studio, recorded room, online interactive multimedia room) and professional photographic equipment, can meet various industries both at home and abroad, the agencies course customization and development of a strong guarantee.'
: '现有专职、兼职设计开发、课程编辑等专业人员50名,制作团队多从事于传媒行业转型互联网教育,拥有专业摄影棚(直播室、录播室、线上线下现场多媒体互动室)及专业摄影设备,可成为满足国内外各行业、各机构课程定制与开发的强有力保障。'
}}
</div>
<div class="p">
{{
$cookies.get('lang') == 'en-US'
? 'At present, there are more than 300 courses on the platform, more than 3,000 micro class hours online courses, and more than 30,000 registered students.'
: '目前紫荆平台上已有超过300门课程,超过3000微课时的在线课程,注册学习人数超过3万名。'
}}
</div>
</div>
</div>
<ul>
<li>
<div class="pop-box">
<div class="tit">线上课程研发</div>
<div class="ps">课程内容设置</div>
<div class="ps">课程师资匹配</div>
<div class="ps">课程制作方案</div>
<div class="tit">
{{ $cookies.get('lang') == 'en-US' ? 'Online Course Development' : '线上课程研发' }}
</div>
<div class="ps">
{{ $cookies.get('lang') == 'en-US' ? 'Course Content Setting' : '课程内容设置' }}
</div>
<div class="ps">
{{ $cookies.get('lang') == 'en-US' ? 'Matching of Course Teachers' : '课程师资匹配' }}
</div>
<div class="ps">
{{ $cookies.get('lang') == 'en-US' ? 'Curriculum Production Scheme' : '课程制作方案' }}
</div>
</div>
<img src="https://webapp-pub.ezijing.com/www/pc/4.png" alt="">
<img src="https://webapp-pub.ezijing.com/www/pc/4.png" alt="" />
</li>
<li>
<div class="pop-box">
<div class="tit">课程制作</div>
<div class="ps">课程录制&nbsp;&nbsp;&nbsp;&nbsp;课程剪辑</div>
<div class="ps">课程编辑&nbsp;&nbsp;&nbsp;&nbsp;课程成片</div>
<div class="tips">(课程录制,满足各种需求,不同形式拥有专属的场地)</div>
<div class="tit">
{{ $cookies.get('lang') == 'en-US' ? 'Course to make' : '课程制作' }}
</div>
<div class="ps">
{{ $cookies.get('lang') == 'en-US' ? 'Course record' : '课程录制' }}&nbsp;&nbsp;&nbsp;&nbsp;{{
$cookies.get('lang') == 'en-US' ? 'Course clips' : '课程剪辑'
}}
</div>
<div class="ps">
{{ $cookies.get('lang') == 'en-US' ? 'Course editor' : '课程编辑' }}&nbsp;&nbsp;&nbsp;&nbsp;{{
$cookies.get('lang') == 'en-US' ? 'Course into' : '课程成片'
}}
</div>
<div class="tips">
{{
$cookies.get('lang') == 'en-US'
? '(Course recording, to meet various needs, different forms have exclusive The site)'
: '(课程录制,满足各种需求,不同形式拥有专属的场地)'
}}
</div>
</div>
<img src="https://webapp-pub.ezijing.com/www/pc/5.png" alt="">
<img src="https://webapp-pub.ezijing.com/www/pc/5.png" alt="" />
</li>
<li>
<div class="pop-box">
<div class="tit p-t">线下课程开发</div>
<div class="ps">教学设计&nbsp;&nbsp;&nbsp;&nbsp;教务计划</div>
<div class="ps">实施执行方案&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
<div class="tips">(全国三大教学基地,10多间不同需求的教室与会议室)</div>
<div class="tit p-t">
{{ $cookies.get('lang') == 'en-US' ? 'Offline Curriculum Development' : '线下课程开发' }}
</div>
<div class="ps">
{{ $cookies.get('lang') == 'en-US' ? 'The teaching design' : '教学设计' }}&nbsp;&nbsp;{{
$cookies.get('lang') == 'en-US' ? 'Educational plan' : '教务计划'
}}
</div>
<div class="ps">
{{
$cookies.get('lang') == 'en-US' ? 'Implement the implementation plan' : '实施执行方案'
}}&nbsp;&nbsp;&nbsp;&nbsp;
</div>
<div class="tips">
{{
$cookies.get('lang') == 'en-US'
? '(Three major teaching bases in China, more than 10 classrooms with different needs And conference room)'
: '(全国三大教学基地,10多间不同需求的教室与会议室)'
}}
</div>
</div>
<img src="https://webapp-pub.ezijing.com/www/pc/6.png" alt="">
<img src="https://webapp-pub.ezijing.com/www/pc/6.png" alt="" />
</li>
</ul>
<img src="https://webapp-pub.ezijing.com/www/pc/7.png" alt="" class="con-img">
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/major/img5.png'
: 'https://webapp-pub.ezijing.com/www/pc/7.png'
"
alt=""
class="con-img"
/>
</div>
</div>
</template>
<!-- 引产入校 -->
<template v-if="showModule === 5">
<template v-if="showModule === 5">
<div class="module-5 module-content-box">
<img src="https://webapp-pub.ezijing.com/www/pc/m5-banner-new.png" alt="" class="banner">
<img src="https://webapp-pub.ezijing.com/www/pc/m5-banner-new.png" alt="" class="banner" />
<div class="content-mian">
<div class="con-txt">
<div class="tit">背景理念</div>
<div class="dec">全面推进现代学徒制工作,深化“产教融合”、工学结合的育人机制,追求深度融合,协同创新,充分发挥企业和学校在产学融合中的作用,整合资源、共同培养高素质、高技能人才。</div>
<div class="tit">{{ $cookies.get('lang') == 'en-US' ? 'Background conce' : '背景理念' }}</div>
<div class="dec">
{{
$cookies.get('lang') == 'en-US'
? 'We will comprehensively promote the modern apprenticeship system, deepen the education mechanism of “integration of production and education” and combination of work and study, pursue deep integration and collaborative innovation, give full play to the role of enterprises and schools in the integration of production and education, integrate resources, and jointly cultivate high-quality and high-skilled talents.'
: '全面推进现代学徒制工作,深化“产教融合”、工学结合的育人机制,追求深度融合,协同创新,充分发挥企业和学校在产学融合中的作用,整合资源、共同培养高素质、高技能人才。'
}}
</div>
</div>
<img src="https://webapp-pub.ezijing.com/www/pc/8-new.png" alt="" class="img1">
<div class="pro-tit">项目目标</div>
<img src="https://webapp-pub.ezijing.com/www/pc/9-new.png" alt="" class="img1">
<img src="https://webapp-pub.ezijing.com/www/pc/10.png" alt="" class="img1">
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/major/img12.png'
: 'https://webapp-pub.ezijing.com/www/pc/8-new.png'
"
alt=""
class="img1"
/>
<div class="pro-tit">{{ $cookies.get('lang') == 'en-US' ? 'Project objectives' : '项目目标' }}</div>
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/major/img13.png'
: 'https://webapp-pub.ezijing.com/www/pc/9-new.png'
"
alt=""
class="img1"
/>
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/major/img14.png'
: 'https://webapp-pub.ezijing.com/www/pc/10.png'
"
alt=""
class="img1"
/>
<ul>
<li>
<div class="num">01</div>
<div class="txt">学习与工作统一</div>
<div class="txt">
{{ $cookies.get('lang') == 'en-US' ? 'Unity of study and work' : '学习与工作统一' }}
</div>
</li>
<li>
<li>
<div class="num">02</div>
<div class="txt">学生与员工统一</div>
<div class="txt">
{{ $cookies.get('lang') == 'en-US' ? 'Students and staff are unified' : '学生与员工统一' }}
</div>
</li>
<li>
<li>
<div class="num">03</div>
<div class="txt">教室与工厂统一</div>
<div class="txt">
{{
$cookies.get('lang') == 'en-US' ? 'The classrooms are unified with the factory' : '教室与工厂统一'
}}
</div>
</li>
<li>
<li>
<div class="num">04</div>
<div class="txt">作业与产品统一</div>
<div class="txt">
{{ $cookies.get('lang') == 'en-US' ? 'Operation and product unity' : '作业与产品统一' }}
</div>
</li>
</ul>
<img src="https://webapp-pub.ezijing.com/www/pc/m5-con-new.png" alt="" class="img1">
<div class="pro-tit">实施流程</div>
<img src="https://webapp-pub.ezijing.com/www/pc/m5-con-new.png" alt="" class="img1" />
<div class="pro-tit">
{{ $cookies.get('lang') == 'en-US' ? 'The implementation process' : '实施流程' }}
</div>
<div class="ul">
<div class="li">
<img src="https://webapp-pub.ezijing.com/www/pc/sslc1.png" alt="" class="icon">
<img src="https://webapp-pub.ezijing.com/www/pc/sslc1-1.png" alt="" class="icon-active">
<div class="tit">招募期</div>
<div class="p">宣讲报名选拔</div>
<img src="https://webapp-pub.ezijing.com/www/pc/sslc1.png" alt="" class="icon" />
<img src="https://webapp-pub.ezijing.com/www/pc/sslc1-1.png" alt="" class="icon-active" />
<div class="tit">{{ $cookies.get('lang') == 'en-US' ? 'Recruitment period' : '招募期' }}</div>
<div class="p">
{{ $cookies.get('lang') == 'en-US' ? 'Preaching registration selection' : '宣讲报名选拔' }}
</div>
</div>
<div class="li">
<img src="https://webapp-pub.ezijing.com/www/pc/sslc2.png" alt="" class="icon">
<img src="https://webapp-pub.ezijing.com/www/pc/sslc1-2.png" alt="" class="icon-active">
<div class="tit">培训期</div>
<div class="p">职业素养<br />专业核心课程</div>
<img src="https://webapp-pub.ezijing.com/www/pc/sslc2.png" alt="" class="icon" />
<img src="https://webapp-pub.ezijing.com/www/pc/sslc1-2.png" alt="" class="icon-active" />
<div class="tit">
{{ $cookies.get('lang') == 'en-US' ? 'During training' : '培训期' }}
</div>
<div class="p">
{{ $cookies.get('lang') == 'en-US' ? 'Professional quality' : '职业素养' }}<br />
{{ $cookies.get('lang') == 'en-US' ? 'Major Core Courses' : '专业核心课程' }}
</div>
</div>
<div class="li">
<img src="https://webapp-pub.ezijing.com/www/pc/sslc3.png" alt="" class="icon">
<img src="https://webapp-pub.ezijing.com/www/pc/sslc1-3.png" alt="" class="icon-active">
<div class="tit">实施期</div>
<div class="p">项目实施过程<br />控制</div>
<img src="https://webapp-pub.ezijing.com/www/pc/sslc3.png" alt="" class="icon" />
<img src="https://webapp-pub.ezijing.com/www/pc/sslc1-3.png" alt="" class="icon-active" />
<div class="tit">{{ $cookies.get('lang') == 'en-US' ? 'Effective date' : '实施期' }}</div>
<div class="p">
{{ $cookies.get('lang') == 'en-US' ? 'Project Implementation ' : '项目实施过程' }}<br />{{
$cookies.get('lang') == 'en-US' ? 'Process control' : '控制'
}}
</div>
</div>
<div class="li">
<img src="https://webapp-pub.ezijing.com/www/pc/sslc4.png" alt="" class="icon">
<img src="https://webapp-pub.ezijing.com/www/pc/sslc1-4.png" alt="" class="icon-active">
<div class="tit">考核期</div>
<div class="p">项目质量考核<br />学生能力考核</div>
<img src="https://webapp-pub.ezijing.com/www/pc/sslc4.png" alt="" class="icon" />
<img src="https://webapp-pub.ezijing.com/www/pc/sslc1-4.png" alt="" class="icon-active" />
<div class="tit">{{ $cookies.get('lang') == 'en-US' ? 'The inspection period' : '考核期' }}</div>
<div class="p">
{{ $cookies.get('lang') == 'en-US' ? 'Project quality assessment' : '项目质量考核' }}<br />{{
$cookies.get('lang') == 'en-US' ? 'Student ability assessment' : '学生能力考核'
}}
</div>
</div>
</div>
</div>
</div>
</template>
<!-- 师资培训 -->
<template v-if="showModule === 1">
<template v-if="showModule === 1">
<div class="module-6 module-content-box">
<!-- <div class="new-txt">聚力师资培养,提升教育“软实力”</div> -->
<img src="https://webapp-pub.ezijing.com/www/pc/m6-banner.png" alt="" class="banner">
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/major/img4.png'
: 'https://webapp-pub.ezijing.com/www/pc/m6-banner.png'
"
alt=""
class="banner"
/>
<div class="content-mian">
<img src="https://webapp-pub.ezijing.com/www/pc/szpx-1.png" alt="">
<img src="https://webapp-pub.ezijing.com/www/pc/szpx-2.png" alt="">
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/major/img3.png'
: 'https://webapp-pub.ezijing.com/www/pc/szpx-1.png'
"
alt=""
/>
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/major/img2.png'
: 'https://webapp-pub.ezijing.com/www/pc/szpx-2.png'
"
alt=""
/>
</div>
</div>
</template>
<!-- 专业+创新创业 -->
<template v-if="showModule === 6">
<template v-if="showModule === 6">
<div class="module-7 module-content-box">
<img src="https://webapp-pub.ezijing.com/www/pc/m7-banner.jpg" alt="" class="banner">
<img src="https://webapp-pub.ezijing.com/www/pc/m7-banner.jpg" alt="" class="banner" />
<div class="content-mian">
<img src="https://webapp-pub.ezijing.com/www/pc/cxcy-1.png" alt="">
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/major/img15.png'
: 'https://webapp-pub.ezijing.com/www/pc/cxcy-1.png'
"
alt=""
/>
<ul>
<li>
<div class="num">01</div>
<div class="p3">学习创业基础</div>
<div class="p3">激发创业意识和兴趣</div>
<div class="p3">创新创业精神</div>
<div class="p3">
{{ $cookies.get('lang') == 'en-US' ? 'Learn the basics of entre-preneurship' : '学习创业基础' }}
</div>
<div class="p3">
{{
$cookies.get('lang') == 'en-US'
? 'Stimulate entrepreneurial awareness and interest'
: '激发创业意识和兴趣'
}}
</div>
<div class="p3">
{{ $cookies.get('lang') == 'en-US' ? 'Innovation and entrepren-eurship' : '创新创业精神' }}
</div>
</li>
<li>
<div class="num">02</div>
<div class="p4">模拟创新创业实训和实践</div>
<div class="p4">掌握基本创业技能</div>
<div class="p4">培养创新创业思维</div>
<div class="p4">
{{
$cookies.get('lang') == 'en-US'
? 'Simulation innovation and entrepreneurship training and practice'
: '模拟创新创业实训和实践'
}}
</div>
<div class="p4">
{{ $cookies.get('lang') == 'en-US' ? 'Master basic entrepreneu-rial skills' : '掌握基本创业技能' }}
</div>
<div class="p4">
{{
$cookies.get('lang') == 'en-US'
? 'Cultivate innovative and entrepreneurial thinking'
: '培养创新创业思维'
}}
</div>
</li>
<li>
<div class="num">03</div>
<div class="p">赛事分析</div>
<div class="p">项目孵化</div>
<div class="p">路演辅导</div>
<div class="p">模拟点评</div>
<div class="p">{{ $cookies.get('lang') == 'en-US' ? 'Match analysis' : '赛事分析' }}</div>
<div class="p">{{ $cookies.get('lang') == 'en-US' ? 'incubation' : '项目孵化' }}</div>
<div class="p">{{ $cookies.get('lang') == 'en-US' ? 'Roadshow tutoring' : '路演辅导' }}</div>
<div class="p">{{ $cookies.get('lang') == 'en-US' ? 'Simulation of review' : '模拟点评' }}</div>
</li>
<li>
<div class="num">04</div>
<div class="p2">毕业实习</div>
<div class="p2">引产入校</div>
<div class="p2">创业运营</div>
<div class="p2">产业资源对接</div>
<div class="p2">{{ $cookies.get('lang') == 'en-US' ? 'Graduation practice' : '毕业实习' }}</div>
<div class="p2">{{ $cookies.get('lang') == 'en-US' ? 'Induced labor enrolled' : '引产入校' }}</div>
<div class="p2">{{ $cookies.get('lang') == 'en-US' ? 'Business operations' : '创业运营' }}</div>
<div class="p2">
{{ $cookies.get('lang') == 'en-US' ? 'Connecting Industrial Resources' : '产业资源对接' }}
</div>
</li>
</ul>
<img src="https://webapp-pub.ezijing.com/www/pc/cxcy-2.png" alt="">
<img src="https://webapp-pub.ezijing.com/www/pc/cxcy-3-new.png" alt="" class="img-w726">
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/major/img16.png'
: 'https://webapp-pub.ezijing.com/www/pc/cxcy-2.png'
"
alt=""
/>
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/major/img17.png'
: 'https://webapp-pub.ezijing.com/www/pc/cxcy-3-new.png'
"
alt=""
class="img-w726"
/>
</div>
</div>
</template>
......@@ -236,7 +526,8 @@ export default {
image: 'https://webapp-pub.ezijing.com/www/pc/m1-zy1.jpg',
active: {
title: '资源整合',
text: '以国家教育政策为导向,聚焦技术及产业资源和企业岗位人才需求,促进产教融合、资源共享。构建高水平技术技能人才培养体系,打造技术技能创新服务平台,充分发挥集群效应,有机整合课程资源、教师资源与实训资源,实现资源整合和共享效益最大化,形成人才培养合力。'
text:
'以国家教育政策为导向,聚焦技术及产业资源和企业岗位人才需求,促进产教融合、资源共享。构建高水平技术技能人才培养体系,打造技术技能创新服务平台,充分发挥集群效应,有机整合课程资源、教师资源与实训资源,实现资源整合和共享效益最大化,形成人才培养合力。'
}
},
{
......@@ -245,7 +536,8 @@ export default {
image: 'https://webapp-pub.ezijing.com/www/pc/m1-zy2.jpg',
active: {
title: '方案定制',
text: '紫荆教育依托专业的调研团队、大庞的专家顾问团队、深厚的专业背景和丰富的专业建设经验,根据国家政策法规变化、产业及市场需求升级和人才培养模式变革,进行专业顶层设计、人才培养方案制定与优化、政府项目申报建设支持等。'
text:
'紫荆教育依托专业的调研团队、大庞的专家顾问团队、深厚的专业背景和丰富的专业建设经验,根据国家政策法规变化、产业及市场需求升级和人才培养模式变革,进行专业顶层设计、人才培养方案制定与优化、政府项目申报建设支持等。'
}
},
{
......@@ -254,25 +546,39 @@ export default {
image: 'https://webapp-pub.ezijing.com/www/pc/m1-zy3.jpg',
active: {
title: '条件保障',
text: '按照高标准化、国际化、开放式的实训实习原则,创新实习实训的运行机制,调整、优化实习实训平台及实验室的布局和结构,提高实习实训的管理和教学水平。借助现代化的新技术、新业态和新方式新建改建现有实训条件,加大信息技术和信息网络平台载体建设与智能化建设水平,创建数字化的下带服务教学工程,为专业建设提供有力保障。'
text:
'按照高标准化、国际化、开放式的实训实习原则,创新实习实训的运行机制,调整、优化实习实训平台及实验室的布局和结构,提高实习实训的管理和教学水平。借助现代化的新技术、新业态和新方式新建改建现有实训条件,加大信息技术和信息网络平台载体建设与智能化建设水平,创建数字化的下带服务教学工程,为专业建设提供有力保障。'
}
},
{
title: '建设内容',
texts: ['一流学科、一流专业建设', '双高建设', '师资培训', '课程与教材研发', '科研课题合作', '国际合作对接落地'],
texts: [
'一流学科、一流专业建设',
'双高建设',
'师资培训',
'课程与教材研发',
'科研课题合作',
'国际合作对接落地'
],
image: 'https://webapp-pub.ezijing.com/www/pc/m1-zy4.jpg',
active: {
title: '建设内容',
text: '依托紫荆教育技术及产业整合优势,为学校优化人才培养方案,提升师资力量,共同开发精品课程资源,促进教学发展,整体提升学科建设水平,加强学生的专业水平和就业能力,推进相关领域学科专业建设,扩大人才培养规模。'
text:
'依托紫荆教育技术及产业整合优势,为学校优化人才培养方案,提升师资力量,共同开发精品课程资源,促进教学发展,整体提升学科建设水平,加强学生的专业水平和就业能力,推进相关领域学科专业建设,扩大人才培养规模。'
}
},
{
title: '建设成果',
texts: ['形成“特色专业(群)”或“品牌专业(群)”,准确定位,差异发展;', '专业(群)在区域范围乃至全国范围具备一定的影响力和辐射度;', '学生和用人企业无缝对接,实习就业有保障'],
texts: [
'形成“特色专业(群)”或“品牌专业(群)”,准确定位,差异发展;',
'专业(群)在区域范围乃至全国范围具备一定的影响力和辐射度;',
'学生和用人企业无缝对接,实习就业有保障'
],
image: 'https://webapp-pub.ezijing.com/www/pc/m1-zy5.jpg',
active: {
title: '建设成果',
text: '打造战略性新兴学科专业(群),深化人才培养方案和课程体系改革,推动高校学科专业(群)结构的优化、人才培养模式的优化,在培养国家急需领域的创新应用型技术技能型人才的同时,实现产业、行业与专业的深度融合。'
text:
'打造战略性新兴学科专业(群),深化人才培养方案和课程体系改革,推动高校学科专业(群)结构的优化、人才培养模式的优化,在培养国家急需领域的创新应用型技术技能型人才的同时,实现产业、行业与专业的深度融合。'
}
}
]
......@@ -287,25 +593,25 @@ export default {
},
tabList: [
{
name: '专业顶层设计'
name: this.$t('menu.cooperation.tit1')
},
{
name: '师资培训'
name: this.$t('menu.cooperation.tit2')
},
{
name: '课程资源建设'
name: this.$t('menu.cooperation.tit3')
},
{
name: '实训基地建设'
name: this.$t('menu.cooperation.tit4')
},
{
name: '实训平台建设'
name: this.$t('menu.cooperation.tit5')
},
{
name: '引产入校'
name: this.$t('menu.cooperation.tit6')
},
{
name: '专业+创新创业'
name: this.$t('menu.cooperation.tit7')
}
],
showModule: 0
......@@ -318,7 +624,7 @@ export default {
},
computed: {
m1SetStyle() {
return (url) => {
return url => {
return `background: url(${url});background-size: 100% 100%`
}
}
......@@ -326,77 +632,77 @@ export default {
}
</script>
<style lang="scss" scoped>
.major-content{
.major-content {
width: 1200px;
margin: 0 auto;
padding-bottom: 100px;
.mian{
.mian {
display: flex;
justify-content: space-between;
}
.mian-title{
.mian-title {
font-size: 28px;
font-weight: 500;
line-height: 100%;
color: #AA1941;
color: #aa1941;
padding: 48px 0 31px;
}
.major-content-mian{
.major-content-mian {
width: 1000px;
.module-content-box{
.module-content-box {
background: #fff;
.banner{
.banner {
width: 100%;
height: 320px;
display: block;
}
}
.module-1{
.content-mian{
.module-1 {
.content-mian {
padding: 60px 50px 65px;
.dec-txt{
.dec-txt {
font-size: 16px;
line-height: 32px;
color: rgba(66, 66, 66, 1);
margin-bottom: 37px;
}
img{
img {
width: 100%;
display: block;
}
ul{
ul {
display: flex;
flex-wrap: wrap;
li{
li {
position: relative;
cursor: pointer;
width: 440px;
height: 498px;
margin-right: 15px;
margin-bottom: 15px;
&:nth-child(even){
&:nth-child(even) {
margin-right: 0;
}
&:hover{
.pop-con{
&:hover {
.pop-con {
opacity: 1;
}
}
.title{
.title {
padding: 55px 0 23px 56px;
font-size: 22px;
font-weight: bold;
line-height: 100%;
color: #FFFFFF;
color: #ffffff;
}
.p{
.p {
padding: 0 56px 23px 56px;
font-size: 18px;
line-height: 100%;
color: #FFFFFF;
color: #ffffff;
}
.pop-con{
transition: all .7s;
.pop-con {
transition: all 0.7s;
opacity: 0;
position: absolute;
top: 0;
......@@ -404,18 +710,18 @@ export default {
width: 100%;
height: 100%;
background: rgba(170, 25, 65, 1);
.tit{
.tit {
padding: 55px 0 28px 56px;
font-size: 22px;
font-weight: bold;
line-height: 100%;
color: #FFFFFF;
color: #ffffff;
}
.text{
.text {
width: 325px;
font-size: 18px;
line-height: 32px;
color: #FFFFFF;
color: #ffffff;
margin: 0 auto;
}
}
......@@ -423,227 +729,229 @@ export default {
}
}
}
.module-2{
.content-mian{
.module-2 {
.content-mian {
padding: 60px 50px 65px;
.img1{
.img1 {
width: 100%;
margin: 0 auto;
display: block;
}
.img2{
.img2 {
width: 100%;
margin: 50px auto;
display: block;
}
.img3{
.img3 {
width: 100%;
margin: 50px auto;
display: block;
}
ul{
ul {
display: flex;
flex-wrap: wrap;
li{
li {
cursor: pointer;
padding: 20px;
box-sizing: border-box;
width: 434px;
height: 110px;
background: #FBFBFB;
background: #fbfbfb;
display: flex;
align-items: center;
transition: all .5s;
transition: all 0.5s;
margin-right: 20px;
margin-bottom: 20px;
&:nth-child(even){
&:nth-child(even) {
margin-right: 0;
}
&:hover{
background: #FFFFFF;
&:hover {
background: #ffffff;
box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.06);
}
.block{
.block {
width: 70px;
height: 70px;
background: #AA1941;
background: #aa1941;
text-align: center;
line-height: 70px;
font-size: 34px;
color: #fff;
}
.text{
.text {
width: 300px;
font-size: 20px;
line-height: 32px;
font-size: 18px;
// line-height: 32px;
color: #424242;
margin-left: 15px;
font-weight: 300;
}
}
}
}
}
.module-3{
.content-mian{
.module-3 {
.content-mian {
padding: 60px 50px 65px;
.img1{
.img1 {
width: 100%;
display: block;
margin: 0 auto;
}
.img2{
.img2 {
width: 832px;
display: block;
margin: 15px 0 50px;
}
.img3{
.img3 {
width: 491px;
display: block;
}
}
}
.module-4{
.content-mian{
.module-4 {
.content-mian {
padding: 60px 50px 65px;
.txt1{
.txt1 {
font-size: 16px;
line-height: 32px;
color: #424242;
}
.txt-con-box{
.txt-con-box {
margin-top: 40px;
.tit{
.tit {
font-size: 22px;
font-weight: 500;
line-height: 24px;
color: #424242;
}
.dec{
.dec {
margin-top: 10px;
.p{
.p {
font-size: 16px;
line-height: 32px;
color: #424242;
}
}
}
.con-img{
.con-img {
width: 100%;
margin-top: 50px;
display: block;
}
ul{
ul {
display: flex;
justify-content: space-between;
margin-top: 50px;
li{
li {
width: 288px;
height: 184px;
position: relative;
&:hover{
.pop-box{
&:hover {
.pop-box {
opacity: 1;
}
}
img{
img {
width: 100%;
height: 100%;
display: block;
}
.pop-box{
.pop-box {
opacity: 0;
transition: all .3s;
transition: all 0.3s;
background: rgba(170, 25, 65, 0.8);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
.tit{
.tit {
font-size: 20px;
line-height: 32px;
color: #FFFFFF;
// line-height: 32px;
color: #ffffff;
padding-top: 30px;
text-align: center;
&.p-t{
&.p-t {
padding-top: 10px;
}
}
.ps{
.ps {
font-size: 16px;
font-weight: 300;
line-height: 32px;
color: #FFFFFF;
color: #ffffff;
text-align: center;
}
.tips{
.tips {
width: 258px;
margin: 0 auto;
font-size: 12px;
line-height: 18px;
color: #FFFFFF;
color: #ffffff;
}
}
}
}
}
}
.module-5{
.content-mian{
.module-5 {
.content-mian {
padding: 60px 50px 65px;
.con-txt{
.tit{
.con-txt {
.tit {
font-size: 22px;
font-weight: 500;
line-height: 34px;
color: #424242;
}
.dec{
.dec {
font-size: 16px;
line-height: 32px;
color: #424242;
margin-top: 10px;
}
}
.img1{
.img1 {
width: 100%;
display: block;
margin-top: 50px;
}
.pro-tit{
.pro-tit {
font-size: 22px;
font-weight: 500;
line-height: 100%;
color: #424242;
margin: 30px 0;
}
ul{
ul {
padding-top: 50px;
display: flex;
justify-content: space-between;
li{
li {
cursor: pointer;
width: 211px;
height: 130px;
background: #F9F8F8;
background: #f9f8f8;
position: relative;
.num{
.num {
font-size: 34px;
font-weight: normal;
color: #AA1941;
color: #aa1941;
text-align: center;
padding-top: 20px;
}
.txt{
.txt {
padding-top: 5px;
font-size: 20px;
font-size: 18px;
color: #424242;
text-align: center;
font-weight: 300;
}
&:hover{
&:hover {
box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.06);
background: #fff;
&::after{
&::after {
content: '';
position: absolute;
top: 0;
......@@ -655,28 +963,28 @@ export default {
}
}
}
.ul{
.ul {
display: flex;
justify-content: center;
.li{
.li {
width: 192px;
img{
img {
width: 100%;
height: 130px;
display: block;
}
.icon-active{
.icon-active {
display: none;
}
&:hover{
.icon{
&:hover {
.icon {
display: none;
}
.icon-active{
.icon-active {
display: block;
}
}
.tit{
.tit {
font-size: 20px;
font-weight: 500;
line-height: 34px;
......@@ -684,7 +992,7 @@ export default {
text-align: center;
margin-top: 10px;
}
.p{
.p {
font-size: 16px;
line-height: 24px;
color: #424242;
......@@ -694,9 +1002,9 @@ export default {
}
}
}
.module-6{
.module-6 {
position: relative;
.new-txt{
.new-txt {
position: absolute;
top: 135px;
left: 0;
......@@ -704,77 +1012,82 @@ export default {
text-align: center;
font-size: 38px;
font-weight: 500;
color: #FFFFFF;
color: #ffffff;
color: #fff;
}
.content-mian{
.content-mian {
padding: 60px 50px 65px;
img{
img {
width: 100%;
margin: 0 auto 50px;
display: block;
}
}
}
.module-7{
.content-mian{
.module-7 {
.content-mian {
padding: 60px 50px 65px;
img{
img {
width: 100%;
margin: 0 auto 50px;
display: block;
}
.img-w726{
.img-w726 {
width: 726px;
margin: 0 auto;
}
ul{
ul {
display: flex;
justify-content: space-between;
li{
margin-bottom: 21px;
li {
width: 216px;
height: 275px;
background: #F9F8F8;
&:hover{
background: #f9f8f8;
&:hover {
background: #fff;
box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.06);
}
.num{
.num {
font-size: 40px;
font-weight: normal;
line-height: 100%;
color: #AA1941;
color: #aa1941;
padding: 35px 0 42px 24px;
}
.p{
font-size: 18px;
.p {
font-size: 16px;
line-height: 100%;
color: #424242;
margin-bottom: 17px;
// margin-left: 25px;
// margin-right: 25px;
text-align: center;
font-weight: 300;
}
.p3{
font-size: 18px;
.p3 {
font-size: 16px;
line-height: 100%;
color: #424242;
margin-bottom: 17px;
margin-left: 20px;
margin-right: 20px;
font-weight: 300;
// text-align: center;
}
.p4{
font-size: 18px;
.p4 {
font-size: 16px;
line-height: 100%;
color: #424242;
margin-bottom: 17px;
margin-left: 10px;
font-weight: 300;
// margin-right: 20px;
// text-align: center;
}
.p1{
.p1 {
margin: 0 auto;
width: 162px;
font-size: 18px;
......@@ -783,15 +1096,17 @@ export default {
margin-bottom: 12px;
text-align: left;
line-height: 25px;
font-weight: 300;
}
.p2{
.p2 {
margin: 0 auto;
width: 108px;
font-size: 18px;
// width: 108px;
font-size: 16px;
line-height: 100%;
color: #424242;
margin-bottom: 17px;
text-align: left;
text-align: center;
font-weight: 300;
}
}
}
......
<template>
<div class="solutin-box">
<div class="title">在线教育解决方案</div>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/pages-solution.png">
<div class="title">{{ $cookies.get('lang') == 'en-US' ? 'Online Education Solution' : '在线教育解决方案' }}</div>
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/solution.png'
: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/pages-solution.png'
"
/>
</div>
</template>
<script>
export default {
}
export default {}
</script>
<style lang="scss" scoped>
.solutin-box{
.solutin-box {
width: 1200px;
margin: 0 auto;
.title{
.title {
font-size: 28px;
line-height: 100%;
padding: 48px 0 28px;
color: #AA1941;
color: #aa1941;
}
img{
img {
width: 100%;
display: block;
}
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论