Skip to content

P
project-online-fi
提交 3adc3c1c authored 作者: matian's avatar matian
浏览文件
操作

updates

上级 20e83da2
隐藏空白字符变更
内嵌 并排
正在显示 包含 192 行增加 和 32 行删除
src/modules/home/components/Contact.vue 0 → 100644
浏览文件 @ 3adc3c1c
<script setup lang="ts"></script>
<template>
<div class="main">
<div class="con_tit">
<div class="tit_img">
<div class="img_box"></div>
</div>
<div class="tit_text">联系我们</div>
<div class="tit_img">
<div class="img_box"></div>
</div>
</div>
<div class="con_part">
<div class="part1">
<div class="part1_txt txt">
PRP秘书处：13263110117(同微信)<br />
PAA秘书处：13263110169(同微信)
</div>
</div>
<div class="part2">
<div class="part2_txt txt">
标准产品委员会: 13269964629(同微信)<br />
定制专属产品办公室： 010_62799539
</div>
</div>
</div>
</div>
</template>
<style lang="scss" scoped>
.main {
width: 100%;
height: 310px;
background: url('https://webapp-pub.ezijing.com/project_online/fi/contact.png') no-repeat center;
background-size: 100% 100%;
.con_tit {
display: flex;
justify-content: center;
align-items: center;
padding-top: 81px;
.tit_img {
width: 16px;
height: 16px;
border: 1px dotted #ffffff;
display: flex;
justify-content: center;
align-items: center;
.img_box {
width: 6px;
height: 6px;
background: #ffffff;
}
}
.tit_text {
font-size: 32px;
font-weight: 500;
line-height: 34px;
color: #ffffff;
margin: 0 14px 0 8px;
}
}
.con_part {
display: flex;
justify-content: center;
margin-top: 67px;
.txt {
font-size: 18px;
font-weight: 400;
line-height: 40px;
color: #ffffff;
}
.part2_txt {
margin-left: 88px;
}
}
}
</style>
src/modules/home/components/Knowledge.vue
浏览文件 @ 3adc3c1c
<script setup lang="ts"></script> <script setup lang="ts">
const knowList: Array<{
img: string
desc: string
}> = [
{
img: 'https://webapp-pub.ezijing.com/project_online/fi/know2.png',
desc: '相关从业者快速建立岗位相关的理论知识体系'
},
{
img: 'https://webapp-pub.ezijing.com/project_online/fi/know3.png',
desc: '相关从业者快速建立岗位相关的理论知识体系'
}
]
</script>
<template> <template>
<div></div> <div class="main">
<div class="main_con">
<div class="con_top">
<div class="top_con1">相关从业者快速建立岗位相关的理论知识体系</div>
<div class="top_con2">
<div class="con2_item" v-for="(item, index) in knowList" :key="index">
<img class="item_img" :src="item.img" alt="" />
<div class="item_desc">{{ item.desc }}</div>
</div>
</div>
</div>
<div class="con_more">查看更多</div>
</div>
</div>
</template> </template>
<style lang="scss" scoped></style> <style lang="scss" scoped>
.main {
background: #ffffff;
.main_con {
width: 1200px;
margin: 82px auto;
.con_top {
display: flex;
justify-content: space-between;
.top_con1 {
width: 588px;
height: 266px;
background: url('https://webapp-pub.ezijing.com/project_online/fi/know1.png') no-repeat center;
background-size: 100% 100%;
font-size: 18px;
font-weight: 400;
line-height: 24px;
color: #ffffff;
padding: 221px 0 0 22px;
box-sizing: border-box;
}
.top_con2 {
display: flex;
margin-left: 25px;
.con2_item {
width: 280px;
height: 266px;
background: rgba(255, 255, 255, 0.39);
border: 1px solid #dadada;
box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.16);
margin-right: 27px;
.item_img {
width: 280px;
height: 170px;
}
.item_desc {
font-size: 18px;
font-weight: 400;
line-height: 24px;
color: #333333;
margin: 27px 31px 0 20px;
}
&:hover {
transform: translate(-10px, -10px);
box-shadow: 12px 12px 2px 1px #aa1941;
}
}
}
}
.con_more {
font-size: 14px;
font-weight: 400;
line-height: 34px;
color: #999999;
text-align: center;
margin-top: 30px;
}
}
}
</style>
src/modules/home/components/Main.vue
浏览文件 @ 3adc3c1c
...@@ -4,7 +4,7 @@ import 'swiper/css' ...@@ -4,7 +4,7 @@ import 'swiper/css'
<template> <template>
<div class="main"> <div class="main">
<div class="main_con"> <div class="main_con">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.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>
...@@ -37,7 +37,7 @@ import 'swiper/css' ...@@ -37,7 +37,7 @@ import 'swiper/css'
} }
.main_con1 { .main_con1 {
height: 308px; height: 308px;
background: url('https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/main2.png') no-repeat center; background: url('https://webapp-pub.ezijing.com/project_online/fi/main2.png') no-repeat center;
background-size: 100% 100%; background-size: 100% 100%;
font-size: 24px; font-size: 24px;
font-weight: 400; font-weight: 400;
......
src/modules/home/components/ProjectSystem.vue
浏览文件 @ 3adc3c1c
<script lang="ts" setup> <script lang="ts" setup>
const authList: Array<{ img: string; tit: string; list: any }> = [ const authList: Array<{ img: string; tit: string; list: any }> = [
{ {
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/tab1_1.png', img: 'https://webapp-pub.ezijing.com/project_online/fi/tab1_1.png',
tit: '私人资产分析规划师(一级/二级)/ PAAP(I/II)', tit: '私人资产分析规划师(一级/二级)/ PAAP(I/II)',
list: [ list: [
{ {
...@@ -15,7 +15,7 @@ const authList: Array<{ img: string; tit: string; list: any }> = [ ...@@ -15,7 +15,7 @@ const authList: Array<{ img: string; tit: string; list: any }> = [
] ]
}, },
{ {
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/tab1_2.png', img: 'https://webapp-pub.ezijing.com/project_online/fi/tab1_2.png',
tit: '高级私人资产分析管理师 / PAAM', tit: '高级私人资产分析管理师 / PAAM',
list: [ list: [
{ {
...@@ -29,7 +29,7 @@ const authList: Array<{ img: string; tit: string; list: any }> = [ ...@@ -29,7 +29,7 @@ const authList: Array<{ img: string; tit: string; list: any }> = [
] ]
}, },
{ {
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/tab1_3.png', img: 'https://webapp-pub.ezijing.com/project_online/fi/tab1_3.png',
tit: '公司金融管理师（CFM）', tit: '公司金融管理师（CFM）',
list: [ list: [
{ {
...@@ -45,7 +45,7 @@ const authList: Array<{ img: string; tit: string; list: any }> = [ ...@@ -45,7 +45,7 @@ const authList: Array<{ img: string; tit: string; list: any }> = [
] ]
const standardList: Array<{ img: string; tit: string; list: any }> = [ const standardList: Array<{ img: string; tit: string; list: any }> = [
{ {
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/tab2_1.png', img: 'https://webapp-pub.ezijing.com/project_online/fi/tab2_1.png',
tit: '金融保险高级经理人班', tit: '金融保险高级经理人班',
list: [ list: [
{ {
...@@ -59,7 +59,7 @@ const standardList: Array<{ img: string; tit: string; list: any }> = [ ...@@ -59,7 +59,7 @@ const standardList: Array<{ img: string; tit: string; list: any }> = [
] ]
}, },
{ {
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/tab2_2.png', img: 'https://webapp-pub.ezijing.com/project_online/fi/tab2_2.png',
tit: '高级私人资产分析管理师 / PAAM', tit: '高级私人资产分析管理师 / PAAM',
list: [ list: [
{ {
...@@ -75,7 +75,7 @@ const standardList: Array<{ img: string; tit: string; list: any }> = [ ...@@ -75,7 +75,7 @@ const standardList: Array<{ img: string; tit: string; list: any }> = [
] ]
const universalList: Array<{ img: string; tit: string; list: any }> = [ const universalList: Array<{ img: string; tit: string; list: any }> = [
{ {
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/tab3_1.png', img: 'https://webapp-pub.ezijing.com/project_online/fi/tab3_1.png',
tit: '私人财富风险管理顾问 / PRP', tit: '私人财富风险管理顾问 / PRP',
list: [ list: [
{ {
...@@ -89,7 +89,7 @@ const universalList: Array<{ img: string; tit: string; list: any }> = [ ...@@ -89,7 +89,7 @@ const universalList: Array<{ img: string; tit: string; list: any }> = [
] ]
}, },
{ {
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/tab3_2.png', img: 'https://webapp-pub.ezijing.com/project_online/fi/tab3_2.png',
tit: '高级私人资产分析管理师 / PAAM', tit: '高级私人资产分析管理师 / PAAM',
list: [ list: [
{ {
...@@ -124,11 +124,8 @@ const universalList: Array<{ img: string; tit: string; list: any }> = [ ...@@ -124,11 +124,8 @@ const universalList: Array<{ img: string; tit: string; list: any }> = [
<el-tabs class="my-tabs"> <el-tabs class="my-tabs">
<el-tab-pane> <el-tab-pane>
<template #label> <template #label>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/tab1.png" class="icon" /> <img src="https://webapp-pub.ezijing.com/project_online/fi/tab1.png" class="icon" />
<img <img src="https://webapp-pub.ezijing.com/project_online/fi/tab1_hover.png" class="active-icon" />
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/tab1_hover.png"
class="active-icon"
/>
<p>行业认证类</p> <p>行业认证类</p>
</template> </template>
<div class="content_tit"> <div class="content_tit">
...@@ -149,11 +146,8 @@ const universalList: Array<{ img: string; tit: string; list: any }> = [ ...@@ -149,11 +146,8 @@ const universalList: Array<{ img: string; tit: string; list: any }> = [
</el-tab-pane> </el-tab-pane>
<el-tab-pane> <el-tab-pane>
<template #label> <template #label>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/tab2.png" class="icon" /> <img src="https://webapp-pub.ezijing.com/project_online/fi/tab2.png" class="icon" />
<img <img src="https://webapp-pub.ezijing.com/project_online/fi/tab2_hover.png" class="active-icon" />
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/tab2_hover.png"
class="active-icon"
/>
<p>行业标准类</p> <p>行业标准类</p>
</template> </template>
<div class="content_tit"> <div class="content_tit">
...@@ -174,11 +168,8 @@ const universalList: Array<{ img: string; tit: string; list: any }> = [ ...@@ -174,11 +168,8 @@ const universalList: Array<{ img: string; tit: string; list: any }> = [
</el-tab-pane> </el-tab-pane>
<el-tab-pane> <el-tab-pane>
<template #label> <template #label>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/tab3.png" class="icon" /> <img src="https://webapp-pub.ezijing.com/project_online/fi/tab3.png" class="icon" />
<img <img src="https://webapp-pub.ezijing.com/project_online/fi/tab3_hover.png" class="active-icon" />
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/tab3_hover.png"
class="active-icon"
/>
<p>行业普及类</p> <p>行业普及类</p>
</template> </template>
<div class="content_tit"> <div class="content_tit">
...@@ -212,8 +203,8 @@ const universalList: Array<{ img: string; tit: string; list: any }> = [ ...@@ -212,8 +203,8 @@ const universalList: Array<{ img: string; tit: string; list: any }> = [
align-items: center; align-items: center;
.tit_img { .tit_img {
width: 30px; width: 16px;
height: 30px; height: 16px;
border: 1px dotted #c1ab85; border: 1px dotted #c1ab85;
display: flex; display: flex;
justify-content: center; justify-content: center;
......
src/modules/home/views/Index.vue
浏览文件 @ 3adc3c1c
...@@ -2,21 +2,22 @@ ...@@ -2,21 +2,22 @@
import Banner from '../components/Banner.vue' import Banner from '../components/Banner.vue'
import Main from '../components/Main.vue' import Main from '../components/Main.vue'
import ProjectSystem from '../components/ProjectSystem.vue' import ProjectSystem from '../components/ProjectSystem.vue'
import Knowledge from '../components/Knowledge.vue'
import Teacher from '../components/Teacher.vue' import Teacher from '../components/Teacher.vue'
import Knowledge from '../components/Knowledge.vue'
import Course from '../components/Course.vue' import Course from '../components/Course.vue'
import Brand from '../components/Brand.vue' import Brand from '../components/Brand.vue'
import Contact from '../components/Contact.vue'
</script> </script>
<template> <template>
<Banner></Banner> <Banner></Banner>
<Main></Main> <Main></Main>
<ProjectSystem /> <ProjectSystem />
<Knowledge />
<Teacher></Teacher> <Teacher></Teacher>
<Knowledge />
<Course></Course> <Course></Course>
<Brand></Brand> <Brand></Brand>
<Contact />
</template> </template>
<style lang="scss"> <style lang="scss">
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论