提交 21047a4a authored 作者: matian's avatar matian

文字调整

上级 d2f1d68e
......@@ -47,27 +47,17 @@ export default {
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/img32.png',
iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/img31.png',
text: this.$store.state.isMobile ? this.$t('home.project.h5.itemT1') : this.$t('home.project.pc.itemT7')
},
{
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/img42.png',
iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/img41.png',
text: this.$store.state.isMobile ? this.$t('home.project.h5.itemT2') : this.$t('home.project.pc.itemT8')
},
{
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/img52.png',
iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/img51.png',
text: this.$store.state.isMobile ? this.$t('home.project.h5.itemT3') : this.$t('home.project.pc.itemT9')
}
// {
// icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_features_icon2.png',
// iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_features_icon2_a.png',
// text: this.$store.state.isMobile ? this.$t('home.project.h5.itemT2') : this.$t('home.project.pc.itemT2')
// },
// {
// icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_features_icon3.png',
// iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_features_icon3_a.png',
// text: this.$store.state.isMobile ? this.$t('home.project.h5.itemT3') : this.$t('home.project.pc.itemT3')
// },
// {
// icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_features_icon4.png',
// iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_features_icon4_a.png',
// text: this.$store.state.isMobile ? this.$t('home.project.h5.itemT4') : this.$t('home.project.pc.itemT4')
// },
// {
// icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_features_icon5.png',
// iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/mary_features_icon5_a.png',
// text: this.$store.state.isMobile ? this.$t('home.project.h5.itemT5') : this.$t('home.project.pc.itemT5')
// }
]
}
},
......
<template>
<ul class="tab-content">
<li
v-for="(item, index) in data"
:class="indexActive === index && 'active'"
:key="index"
@click="tabChanges(item, index)"
v-html="item.name"
></li>
</ul>
</template>
<script>
export default {
props: {
data: {
type: Array
},
defaultActive: {
type: Number,
default: 0
}
},
data() {
return {
indexActive: 0
}
},
mounted() {
this.indexActive = this.defaultActive
},
methods: {
tabChanges(item, index) {
if (item.disabled) {
return
}
this.indexActive = index
this.$emit('tabChangeIndex', index)
}
}
}
</script>
<style lang="scss" scoped>
.tab-content {
width: 180px;
height: fit-content;
background: #fff;
padding-top: 35px;
padding-bottom: 43px;
li {
position: relative;
width: 100%;
font-size: 22px;
line-height: 40px;
text-align: center;
color: #777777;
margin-bottom: 60px;
cursor: pointer;
&:last-child {
margin: 0;
}
&.active {
color: rgba(170, 25, 65, 1);
&::after {
content: '';
width: 8px;
height: 40px;
background: rgba(170, 25, 65, 1);
position: absolute;
top: 0;
left: 0;
}
}
}
}
</style>
......@@ -66,7 +66,9 @@ export default {
itemT5: '16个月精炼课程',
itemT5: '中国教育部认证大学<br/>安全可靠',
itemT6: '回国可留服认证<br />享受学生福利',
itemT7: '顶配中外师资<br />权威专家教学'
itemT7: '顶配中外师资<br />权威专家教学',
itemT8: '线上线下结合,<br/>授课方式灵活',
itemT9: '中外联合教研,<br/>官方授权中国教学中心学'
}
},
ranking: {
......@@ -229,7 +231,10 @@ export default {
con2Txt: `证劵、基金、银行、财富管理等相关行业人士<br />
金融相关行业有丰富工作经验的专业人士<br />
所从事的金融业务具有国际化需求的人士<br />
其他对本项目有兴趣并自身优异者`
其他对本项目有兴趣并自身优异者`,
tabText1: '报名条件',
tabText2: '入学条件',
tabText3: '毕业条件'
},
// 费用资助
cost: {
......
差异被折叠。
<template>
<div class="tab-content">
<li
v-for="(item, index) in items"
:key="index"
:class="activeIndex === index && 'active'"
@click="tabChange(index)"
>
{{ item }}
</li>
</div>
</template>
<script>
export default {
data() {
return {
items: [this.$t('apply.tabText1'), this.$t('apply.tabText2'), this.$t('apply.tabText3')],
activeIndex: 0
}
},
methods: {
tabChange(n) {
this.activeIndex = n
this.$emit('tabChange', n)
}
}
}
</script>
<style lang="scss" scoped>
.tab-content {
padding: 42px 64px 0 64px;
display: flex;
justify-content: space-around;
li {
width: 278px;
height: 91px;
line-height: 91px;
background: #fbfbfb;
text-align: center;
font-size: 26px;
font-weight: bold;
color: #333333;
position: relative;
margin-right: 18px;
&.active {
color: #aa1941;
background: #fff;
box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.06);
&::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 8px;
background: #aa1941;
}
}
}
}
</style>
......@@ -13,7 +13,7 @@
</p>
<img
style="width:100%;height:100%"
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/intro_bottom.png"
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/intro_bottom11.png"
alt=""
/>
</el-card>
......
......@@ -5,11 +5,31 @@
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/return_banner.png"
alt=""
/>
<img
style="width:100%;height:100%;padding-left:90px;padding-top:53px;padding-bottom:146px"
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/return_con.png"
alt=""
/>
<div class="com_top">
<h1 class="com_title">留学回国人员福利政策</h1>
<h2 class="com_title_dec">中华人民共和国教育部:“鼓励留学,支持回国”</h2>
<div class="com_con">
中国教育部思想政治工作司司长魏士强在12月7日的新闻发布会中发表评论:“支持留学、鼓励回国、来去自由、发挥作用”<br />是我国多年来奉行的留学政策,即使是进入新时代,我们依然要一以贯之地实行。
<br />我国各省市、地区针对留学生回国颁布了人才引流福利政策,留学已经成为越来越多学生的升学选择。
</div>
</div>
<div class="com_bottom">
<div class="left_part">
<div class="line"></div>
</div>
<div class="right_part">
<div class="right_part_item" v-for="(item, id) in policyData" :key="id">
<div class="item_title">
<span class="item_id">{{ item.id }}</span>
<span class="item_tit">{{ item.title }}</span>
</div>
<div class="dash_line"></div>
<div class="item_desc">
{{ item.desc }}
</div>
</div>
</div>
</div>
</app-frame>
</template>
<script>
......@@ -26,8 +46,134 @@ export default {
path: '/returnPolicy/returnPolicy'
}
]
}
},
policyData: [
{
id: 1,
title: '积分落户',
desc:
'北京、上海、广州、深圳、天津等地为取得教育部学历认证的海外留学人员提供落户便利,符合条件者可提出申请,办理落户。'
},
{
id: 2,
title: '人才补助',
desc:
'上海、广州、深圳、杭州等地为海归人才提供最高6万的生活补贴。获得北京市“特聘专家”称号可直接获得100万奖励。'
},
{
id: 3,
title: '创业扶持',
desc:
' 朝阳区“凤凰计划”、海淀区青年英才资助计划、上海浦江人才计划等为符合条件的回国创业海归人员提供15万到50万的创业补贴。'
},
{
id: 4,
title: '百人计划',
desc:
' 中科院百人计划,引进国外杰出博士人才,以每人200万元的资助力度从国外吸引并培养百余名优秀青年学术带头人。一旦入选,除获得一次性启动经费外还可获得中科院特殊津贴。'
},
{
id: 5,
title: '学术研究',
desc:
' 在职称上,很多人的职称都比在国外时高了一个或者几个档次。评职称时,海归不受工作年限的限制而可以申报。在外留学一年以上,年龄四十五周岁以下,回国后在科研单位从事教学、科研工作的可申请留学回国人员科研启动资金。'
},
{
id: 6,
title: '购房购车',
desc:
'在职称上,很多人的职称都比在国外时高了一个或者几个档次。评职称时,海归不受工作年限的限制而可以申报。在外留学一年以上,年龄四十五周岁以下,回国后在科研单位从事教学、科研工作的可申请留学回国人员科研启动资金。'
},
{
id: 7,
title: '子女入学',
desc:
'有些地区对于留学人员子女入学有优惠政策,通常由教育部门统一安排,择校入学;在国外生活5年以上,在语言文字适应期内入学,给予加分优惠,区内设有教授外语的学校供留学生自由选择。'
}
]
}
}
}
</script>
<style lang="scss" scoped>
.com_top {
padding: 82px 50px 0 50px;
box-sizing: border-box;
.com_title {
font-size: 22px;
font-weight: 500;
color: #333333;
}
.com_title_dec {
font-size: 20px;
font-weight: 400;
color: #424242;
margin-top: 20px;
}
.com_con {
font-size: 16px;
font-weight: 300;
color: #424242;
line-height: 32px;
margin-top: 52px;
}
}
.com_bottom {
display: flex;
justify-content: center;
padding: 60px 60px 102px 60px;
.left_part {
display: flex;
justify-content: center;
flex-direction: column;
position: relative;
.line {
width: 0px;
height: 930px;
border: 1px dashed #aa1941;
z-index: 10;
margin-top: -130px;
}
}
.right_part {
position: relative;
.item_title {
.item_id {
display: inline-block;
width: 24px;
height: 24px;
line-height: 24px;
background: #aa1941;
border-radius: 50%;
text-align: center;
margin-left: -14px;
margin-top: 5px;
position: absolute;
z-index: 1000000;
}
.item_tit {
font-size: 16px;
font-weight: 500;
line-height: 36px;
color: #666666;
padding-left: 30px;
}
}
.dash_line {
border: 1px dashed #d5d5d5;
width: 857px;
margin-left: 30px;
}
.item_desc {
font-size: 16px;
font-weight: 300;
line-height: 32px;
color: #424242;
padding-left: 29px;
margin: 20px 0 43px 0px;
}
}
}
</style>
......@@ -17,10 +17,10 @@
/>
<img
style="width:100%;height:100%;margin-top:68px"
src="https://webapp-pub.ezijing.com/project/marywood/school14.png"
src="https://webapp-pub.ezijing.com/project/marywood/school241.png"
/>
<div class="content">
<img src="https://webapp-pub.ezijing.com/project/marywood/school15.png" />
<img src="https://webapp-pub.ezijing.com/project/marywood/school251.png" />
</div>
<div style="width:1200px;margin:auto;text-align:center;display:flex;justify-content:flex-start;margin-top:64px;">
<div style="width: 6px;height: 34px;background: #AA1941;margin-right:9px;margin-top:6px"></div>
......@@ -28,7 +28,7 @@
</div>
<img
style="width:100%;height:100%;margin-top:64px"
src="https://webapp-pub.ezijing.com/project/marywood/school161.png"
src="https://webapp-pub.ezijing.com/project/marywood/school1611.png"
/>
<div class="content">
<img src="https://webapp-pub.ezijing.com/project/marywood/school17.png" />
......
......@@ -17,7 +17,7 @@
/>
<img
style="width:100%;height:100%;margin-top:68px"
src="https://webapp-pub.ezijing.com/project/marywood/school24.png"
src="https://webapp-pub.ezijing.com/project/marywood/school2412.png"
/>
<div class="content">
<img src="https://webapp-pub.ezijing.com/project/marywood/school25.png" />
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论