Skip to content

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

项目优化

上级 fda05a80
显示空白字符变更
内嵌 并排
正在显示 包含 60 行增加 和 74 行删除
src/assets/css/base.css
浏览文件 @ da2e38ff
...@@ -79,6 +79,10 @@ body { ...@@ -79,6 +79,10 @@ body {
min-width: 375px; min-width: 375px;
font-size: 14px; font-size: 14px;
background-color: #fff; background-color: #fff;
font-family: 'Source Han Sans CN', 'PingFang SC', -apple-system, 'Microsoft YaHei', 'Helvetica', 'Arial', Verdana,
'Hiragino Sans GB', 'Wenquanyi Micro Hei', sans-serif;
padding: 0;
margin: 0;
} }
@media (min-width: 768px) { @media (min-width: 768px) {
......
src/modules/home/components/Banner.vue
浏览文件 @ da2e38ff
...@@ -9,6 +9,7 @@ ...@@ -9,6 +9,7 @@
<SwiperSlide v-for="(item, index) in list" :key="index"> --> <SwiperSlide v-for="(item, index) in list" :key="index"> -->
<div class="banner_con"> <div class="banner_con">
<div class="banner_tit">PAA私人资产分析师</div> <div class="banner_tit">PAA私人资产分析师</div>
<div class="banner_line"></div>
<div class="banner_desc"> <div class="banner_desc">
PAA，即私人资产分析师（Private Assets PAA，即私人资产分析师（Private Assets
Analyst）认证体系是由隶属于清控紫荆教育（以清华大学五道口金融学院相关知识产权创设而成）的清控紫荆金融保险研究院和清控紫荆金融保险学院，针对金融保险企业绩优营销员、保险公司TOP Analyst）认证体系是由隶属于清控紫荆教育（以清华大学五道口金融学院相关知识产权创设而成）的清控紫荆金融保险研究院和清控紫荆金融保险学院，针对金融保险企业绩优营销员、保险公司TOP
...@@ -33,18 +34,25 @@ ...@@ -33,18 +34,25 @@
padding-top: 253px; padding-top: 253px;
box-sizing: border-box; box-sizing: border-box;
.banner_tit { .banner_tit {
font-size: 40px; font-size: 56px;
font-weight: bold; font-weight: bold;
line-height: 50px; line-height: 50px;
color: #ffffff; color: #886426;
}
.banner_line {
width: 67px;
height: 2px;
background: #886426;
margin-top: 33px;
} }
.banner_desc { .banner_desc {
margin-top: 23px; margin-top: 40px;
width: 650px; width: 650px;
font-size: 22px; font-size: 18px;
font-weight: 400; font-weight: 400;
line-height: 46px; line-height: 36px;
color: #ffffff; color: #886426;
text-align: justify;
} }
} }
} }
......
src/modules/home/components/Course.vue
浏览文件 @ da2e38ff
...@@ -24,9 +24,13 @@ const courseList1: Array<{ tit: string; desc: string; img: string }> = [ ...@@ -24,9 +24,13 @@ const courseList1: Array<{ tit: string; desc: string; img: string }> = [
<div class="main"> <div class="main">
<div class="main_con" id="product"> <div class="main_con" id="product">
<div class="con_tit"> <div class="con_tit">
<img src="https://webapp-pub.ezijing.com/project_online/paa/course_tit_icon_1.png" class="tit_icon icon1" /> <div class="tit_img">
<img src="https://webapp-pub.ezijing.com/project_online/fi/tit_icon.png" class="img_box" />
</div>
<div class="tit_txt">课程介绍</div> <div class="tit_txt">课程介绍</div>
<img src="https://webapp-pub.ezijing.com/project_online/paa/course_tit_icon_1.png" class="tit_icon icon2" /> <div class="tit_img">
<img src="https://webapp-pub.ezijing.com/project_online/fi/tit_icon.png" class="img_box" />
</div>
</div> </div>
<el-tabs class="my-tabs"> <el-tabs class="my-tabs">
<el-tab-pane> <el-tab-pane>
...@@ -34,14 +38,8 @@ const courseList1: Array<{ tit: string; desc: string; img: string }> = [ ...@@ -34,14 +38,8 @@ const courseList1: Array<{ tit: string; desc: string; img: string }> = [
<div class="tab_con con1"> <div class="tab_con con1">
<!-- <div class="con_cn">私人资产分析规划师</div> <!-- <div class="con_cn">私人资产分析规划师</div>
<div class="con_en">Private Assets Analysis Planner</div> --> <div class="con_en">Private Assets Analysis Planner</div> -->
<img <img src="https://webapp-pub.ezijing.com/project_online/paa/tab1.png" class="con_img" />
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/paa/tab1_active.png" <img src="https://webapp-pub.ezijing.com/project_online/paa/tab1_active.png" class="con_img_active" />
class="con_img"
/>
<img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/paa/tab1.png"
class="con_img_active"
/>
</div> </div>
<div class="h"></div> <div class="h"></div>
</template> </template>
...@@ -68,14 +66,8 @@ const courseList1: Array<{ tit: string; desc: string; img: string }> = [ ...@@ -68,14 +66,8 @@ const courseList1: Array<{ tit: string; desc: string; img: string }> = [
<div class="tab_con con2"> <div class="tab_con con2">
<!-- <div class="con_cn">高级私人资产分析管理师</div> <!-- <div class="con_cn">高级私人资产分析管理师</div>
<div class="con_en">Senior Private Asset Analysis Manager</div> --> <div class="con_en">Senior Private Asset Analysis Manager</div> -->
<img <img src="https://webapp-pub.ezijing.com/project_online/paa/tab2.png" class="con_img" />
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/paa/tab2_active.png" <img src="https://webapp-pub.ezijing.com/project_online/paa/tab2_active.png" class="con_img_active" />
class="con_img"
/>
<img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/paa/tab2.png"
class="con_img_active"
/>
</div> </div>
<div class="h"></div> <div class="h"></div>
</template> </template>
...@@ -128,23 +120,14 @@ const courseList1: Array<{ tit: string; desc: string; img: string }> = [ ...@@ -128,23 +120,14 @@ const courseList1: Array<{ tit: string; desc: string; img: string }> = [
.con_tit { .con_tit {
display: flex; display: flex;
justify-content: center; justify-content: center;
.tit_icon { align-items: center;
width: 40px;
height: 13px;
}
.icon1 {
padding-top: 5px;
margin-right: -7px;
}
.icon2 {
padding-top: 20px;
margin-left: -7px;
}
.tit_txt { .tit_txt {
font-size: 28px; font-size: 32px;
font-weight: 400; font-weight: 500;
line-height: 34px; line-height: 34px;
color: #393939; color: #393939;
margin: 0 10px;
} }
} }
...@@ -258,7 +241,7 @@ const courseList1: Array<{ tit: string; desc: string; img: string }> = [ ...@@ -258,7 +241,7 @@ const courseList1: Array<{ tit: string; desc: string; img: string }> = [
} }
.el-tabs__nav { .el-tabs__nav {
height: 118px; height: 118px;
margin-top: 62px; margin-top: 50px;
display: flex; display: flex;
border-radius: 6px; border-radius: 6px;
} }
......
src/modules/home/components/ExamProcess.vue
浏览文件 @ da2e38ff
...@@ -4,9 +4,13 @@ ...@@ -4,9 +4,13 @@
<div class="main" id="apply"> <div class="main" id="apply">
<div class="main_con"> <div class="main_con">
<div class="con_tit"> <div class="con_tit">
<img src="https://webapp-pub.ezijing.com/project_online/paa/course_tit_icon.png" class="tit_icon icon1" /> <div class="tit_img">
<img src="https://webapp-pub.ezijing.com/project_online/fi/tit_icon.png" class="img_box" />
</div>
<div class="tit_txt">认证考试流程</div> <div class="tit_txt">认证考试流程</div>
<img src="https://webapp-pub.ezijing.com/project_online/paa/course_tit_icon.png" class="tit_icon icon2" /> <div class="tit_img">
<img src="https://webapp-pub.ezijing.com/project_online/fi/tit_icon.png" class="img_box" />
</div>
</div> </div>
<img src="https://webapp-pub.ezijing.com/project_online/paa/exam_process.png" class="con_img" /> <img src="https://webapp-pub.ezijing.com/project_online/paa/exam_process.png" class="con_img" />
</div> </div>
...@@ -25,23 +29,14 @@ ...@@ -25,23 +29,14 @@
.con_tit { .con_tit {
display: flex; display: flex;
justify-content: center; justify-content: center;
.tit_icon { align-items: center;
width: 40px;
height: 13px;
}
.icon1 {
padding-top: 5px;
margin-right: -7px;
}
.icon2 {
padding-top: 20px;
margin-left: -7px;
}
.tit_txt { .tit_txt {
font-size: 28px; font-size: 32px;
font-weight: 400; font-weight: 500;
line-height: 34px; line-height: 34px;
color: #ffffff; color: #333333;
margin: 0 10px;
} }
} }
.con_img { .con_img {
......
src/modules/home/components/Teacher.vue
浏览文件 @ da2e38ff
...@@ -119,9 +119,13 @@ function next(swiper) { ...@@ -119,9 +119,13 @@ function next(swiper) {
<section class="section" id="teacher"> <section class="section" id="teacher">
<div class="section__inner"> <div class="section__inner">
<div class="con_tit"> <div class="con_tit">
<img src="https://webapp-pub.ezijing.com/project_online/paa/course_tit_icon.png" class="tit_icon icon1" /> <div class="tit_img">
<img src="https://webapp-pub.ezijing.com/project_online/fi/tit_icon.png" class="img_box" />
</div>
<div class="tit_txt">师资团队</div> <div class="tit_txt">师资团队</div>
<img src="https://webapp-pub.ezijing.com/project_online/paa/course_tit_icon.png" class="tit_icon icon2" /> <div class="tit_img">
<img src="https://webapp-pub.ezijing.com/project_online/fi/tit_icon.png" class="img_box" />
</div>
</div> </div>
<h3 class="subtitle">清华大学知名教授、博士生导师</h3> <h3 class="subtitle">清华大学知名教授、博士生导师</h3>
<div class="my-swiper"> <div class="my-swiper">
...@@ -176,6 +180,7 @@ function next(swiper) { ...@@ -176,6 +180,7 @@ function next(swiper) {
--section-title-dot-border-color: #fff; --section-title-dot-border-color: #fff;
background: url('https://webapp-pub.ezijing.com/project_online/paa/teacher_bg.jpg') no-repeat center; background: url('https://webapp-pub.ezijing.com/project_online/paa/teacher_bg.jpg') no-repeat center;
background-size: 100% 100%; background-size: 100% 100%;
height: 906px;
} }
.section-title { .section-title {
padding-bottom: 0; padding-bottom: 0;
...@@ -190,24 +195,15 @@ function next(swiper) { ...@@ -190,24 +195,15 @@ function next(swiper) {
.con_tit { .con_tit {
display: flex; display: flex;
justify-content: center; justify-content: center;
padding-top: 70px; align-items: center;
.tit_icon { padding-top: 67px;
width: 40px;
height: 13px;
}
.icon1 {
padding-top: 5px;
margin-right: -7px;
}
.icon2 {
padding-top: 20px;
margin-left: -7px;
}
.tit_txt { .tit_txt {
font-size: 28px; font-size: 32px;
font-weight: 400; font-weight: 500;
line-height: 34px; line-height: 34px;
color: #ffffff; color: #333333;
margin: 0 10px;
} }
} }
.subtitle { .subtitle {
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论