提交 83a48eff authored 作者: matian's avatar matian

updates

上级 135d67ba
...@@ -7,16 +7,15 @@ const list = [ ...@@ -7,16 +7,15 @@ const list = [
{ {
img: 'https://webapp-pub.ezijing.com/project_online/fi/course2.png', img: 'https://webapp-pub.ezijing.com/project_online/fi/course2.png',
content: '内部核心人才金融素养培育<br/>全套长期的解决服务方案' content: '提供业务人才培养性方案<br/>提供管理人才突破性培育'
}, },
{ {
img: 'https://webapp-pub.ezijing.com/project_online/fi/course3.png', img: 'https://webapp-pub.ezijing.com/project_online/fi/course3.png',
content: '提供业务人才培养性方案<br/>提供管理人才突破性培育' content: '内部核心人才金融素养培育<br/>全套长期的解决服务方案'
}, },
{ {
img: 'https://webapp-pub.ezijing.com/project_online/fi/course4.png', img: 'https://webapp-pub.ezijing.com/project_online/fi/course4.png',
content: '教学与教务服务<br/>技术平台支持' content: '教学与教务服务<br/>技术平台支持'
} }
] ]
...@@ -96,8 +95,7 @@ const list = [ ...@@ -96,8 +95,7 @@ const list = [
.line { .line {
width: 78px; width: 78px;
height: 2px; border-bottom: 2px solid #aa1941;
background: var(--main-color);
margin-top: 25px; margin-top: 25px;
} }
......
...@@ -5,11 +5,11 @@ const knowList: Array<{ ...@@ -5,11 +5,11 @@ const knowList: Array<{
}> = [ }> = [
{ {
img: 'https://webapp-pub.ezijing.com/project_online/fi/know2.png', img: 'https://webapp-pub.ezijing.com/project_online/fi/know2.png',
desc: '相关从业者快速建立岗位相关的理论知识体系' desc: '保罗·蒂芙尼博士:当今世界经济—“全球化”是否已走向终结?'
}, },
{ {
img: 'https://webapp-pub.ezijing.com/project_online/fi/know3.png', img: 'https://webapp-pub.ezijing.com/project_online/fi/know3.png',
desc: '相关从业者快速建立岗位相关的理论知识体系' desc: '由一而千 星火散落将聚燃丨<br/>PRP紫荆学友会欢迎您的加入!'
} }
] ]
</script> </script>
...@@ -18,11 +18,11 @@ const knowList: Array<{ ...@@ -18,11 +18,11 @@ const knowList: Array<{
<div class="main"> <div class="main">
<div class="main_con"> <div class="main_con">
<div class="con_top"> <div class="con_top">
<div class="top_con1">相关从业者快速建立岗位相关的理论知识体系</div> <div class="top_con1">世界读书日来临丨PRP紫荆学友会送福利</div>
<div class="top_con2"> <div class="top_con2">
<div class="con2_item" v-for="(item, index) in knowList" :key="index"> <div class="con2_item" v-for="(item, index) in knowList" :key="index">
<img class="item_img" :src="item.img" alt="" /> <img class="item_img" :src="item.img" alt="" />
<div class="item_desc">{{ item.desc }}</div> <div class="item_desc" v-html="item.desc"></div>
</div> </div>
</div> </div>
</div> </div>
...@@ -74,7 +74,7 @@ const knowList: Array<{ ...@@ -74,7 +74,7 @@ const knowList: Array<{
font-weight: 400; font-weight: 400;
line-height: 24px; line-height: 24px;
color: #333333; color: #333333;
margin: 27px 31px 0 20px; margin: 20px 31px 0 20px;
} }
&:hover { &:hover {
transform: translate(-10px, -10px); transform: translate(-10px, -10px);
......
...@@ -6,17 +6,24 @@ import 'swiper/css' ...@@ -6,17 +6,24 @@ import 'swiper/css'
<div class="main_con"> <div class="main_con">
<img src="https://webapp-pub.ezijing.com/project_online/fi/main1.png" alt="" /> <img src="https://webapp-pub.ezijing.com/project_online/fi/main1.png" alt="" />
<div class="con_content"> <div class="con_content">
清控紫荆金融保险研究院&清控紫荆金融保险学院,基于政策指导,通过汇聚清华等国内外高校、行业骨干企业、行业研究机构的科研资源与实践成果,打造国内顶尖、国际卓越的金融保险智库,达到“产学研”的深度融合;通过创立通晓金融保险理论与行业实务双方面的金融保险课题研发团队,针对金融保险不同领域、不同阶段的学习需求,为金融从业者提供专业学习契机、为金融机构培育高素质国际化人才 清控紫荆金融保险研究院&清控紫荆金融保险学院,基于政策指导,通过汇聚清华等国内外高校、行业骨干企业、行业研究机构的科研资源与实践成果,打造国内顶尖、国际卓越的金融保险智库,达到“产学研”的深度融合。
</div> </div>
</div> </div>
</div>
<div class="main1">
<div class="main_con1"> <div class="main_con1">
核心产品为紫荆教育专属版权产品,站在高起点、高站位、高规格的“三高”教育标准平台上,向社会和企业精<br />英人士教授与传承“<span>格与质</span>”、“<span>道与术</span>”、“<span>欲与渔</span>”的经营管理品格和能力,主打行业认证类、行业标<br />准类和定制专属类等三类金融职业类培育体系。 <div class="con_content">
通过创立通晓金融保险理论与行业实务双方面的金融保险课题研发团队,针对金融保险不同领域、不同阶段的学习需求,为金融从业者提供专业学习契机、为金融机构培育高素质国际化人才。
</div>
<img src="https://webapp-pub.ezijing.com/project_online/fi/main3.png" alt="" />
</div> </div>
</div> </div>
<div class="main2">
核心产品为紫荆教育专属版权产品,站在高起点、高站位、高规格的“三高”教育标准平台上,向社会和企业精<br />英人士教授与传承“<span>格与质</span>”、“<span>道与术</span>”、“<span>欲与渔</span>”的经营管理品格和能力,主打行业认证类、行业标<br />准类和定制专属类等三类金融职业类培育体系。
</div>
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
.main { .main {
background: #f5f5f5;
.main_con { .main_con {
width: 1200px; width: 1200px;
margin: 95px auto; margin: 95px auto;
...@@ -24,36 +31,61 @@ import 'swiper/css' ...@@ -24,36 +31,61 @@ import 'swiper/css'
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
img { img {
height: 511px; height: 404px;
} }
.con_content { .con_content {
background: #ffffff; background: #ffffff;
position: relative;
margin-left: -511px;
z-index: 100;
font-size: 20px; font-size: 20px;
font-weight: 400; font-weight: 400;
line-height: 40px; line-height: 40px;
color: #333333; color: #333333;
padding: 89px 51px 88px 52px; padding: 112px 0 152px 0;
margin-left: 53px;
} }
} }
}
.main1 {
background: #f5f5f5;
width: 100%;
.main_con1 { .main_con1 {
height: 308px; width: 1200px;
background: url('https://webapp-pub.ezijing.com/project_online/fi/main2.png') no-repeat center; margin: 70px auto;
background-size: 100% 100%; display: flex;
font-size: 24px; justify-content: space-between;
font-weight: 400; align-items: center;
line-height: 40px; padding: 70px 0 80px 0;
color: #ffffff; img {
text-align: center; height: 404px;
padding-top: 98px;
box-sizing: border-box;
span {
font-size: 30px;
font-weight: bold;
} }
.con_content {
font-size: 20px;
font-weight: 400;
line-height: 40px;
color: #333333;
padding: 192px 0 222px 0;
margin-right: 71px;
}
}
}
.main2 {
margin-top: 62px;
height: 308px;
background: url('https://webapp-pub.ezijing.com/project_online/fi/main2.png') no-repeat center;
background-size: 100% 100%;
font-size: 24px;
font-weight: 400;
line-height: 40px;
color: #ffffff;
text-align: center;
padding-top: 98px;
box-sizing: border-box;
span {
font-size: 30px;
font-weight: bold;
} }
} }
</style> </style>
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论