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