Skip to content

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

updates

上级 fb73a9e8
全部展开 隐藏空白字符变更
内嵌 并排
正在显示 包含 62 行增加 和 75 行删除
src/assets/css/base.css
浏览文件 @ 29e14a43
......@@ -86,10 +86,7 @@ body {
}
@media (min-width: 768px) {
body{
background-color: #F8F8F8;
}
html {
font-size: 100px;
}
......@@ -101,6 +98,7 @@ body {
}
body{
background-color: #F8F8F8;
font-family: Source Han Sans CN;
}
}
......@@ -111,53 +109,3 @@ body {
html{
scroll-padding-top: 90px;
}
/* Extra small devices (portrait phones, less than 576px) */
/* @media (max-width: 575px) {
html {
font-size: 80px;
}
.con-box {
margin: 0.2rem 0;
padding: 0.2rem;
}
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) {
html {
font-size: 80px;
}
.step3 {
width: 80%;
}
.con-box {
margin: 0.2rem 0;
padding: 0.2rem;
}
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
html {
font-size: 80px;
}
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
html {
font-size: 90px;
}
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
html {
font-size: 100px;
}
}
a {
color: currentColor;
} */
\ No newline at end of file
src/modules/home/components/Main.vue
浏览文件 @ 29e14a43
......@@ -69,7 +69,6 @@ const list = [
height: 290px;
}
.con_content {
background: #ffffff;
font-size: 20px;
font-weight: 400;
line-height: 40px;
......@@ -103,6 +102,23 @@ const list = [
}
}
}
.main3 {
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;
}
}
.card-box {
padding-top: 0.4rem;
padding-left: 0.3rem;
......
src/modules/home/components/ProjectSystem.vue
浏览文件 @ 29e14a43
......@@ -22,12 +22,14 @@ const list: List[] = [
{
btnName: '行业认证类',
btnIcon: 'https://webapp-pub.ezijing.com/project_online/fi/tab1.png',
btnIconActive: 'https://webapp-pub.ezijing.com/project_online/fi/tab1_hover.png',
btnIconActive:
'https://webapp-pub.ezijing.com/project_online/fi/tab1_hover.png',
h1: '联合业内领袖、资深专家学者，帮助相关从业者快速建立岗位相关的理论知识体系，加强实训教学，提高实训能力，协助从业者掌握、提升岗位所需的各种实务技能。',
card: [
{
img: 'https://webapp-pub.ezijing.com/project_online/fi/tab1_1.png',
h5Img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/system-1-1.png',
h5Img:
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/system-1-1.png',
tit: '资产分析规划师(一级/二级)/ PAAP(I/II)',
list: [
{
......@@ -42,7 +44,8 @@ const list: List[] = [
},
{
img: 'https://webapp-pub.ezijing.com/project_online/fi/tab1_2.png',
h5Img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/system-1-2.png',
h5Img:
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/system-1-2.png',
tit: '高级资产分析管理师 / PAAM',
list: [
{
......@@ -57,7 +60,8 @@ const list: List[] = [
},
{
img: 'https://webapp-pub.ezijing.com/project_online/fi/tab1_3.png',
h5Img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/system-1-3.png',
h5Img:
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/system-1-3.png',
tit: '公司金融管理师（CFM）',
list: [
{
......@@ -75,12 +79,14 @@ const list: List[] = [
{
btnName: '行业标准类',
btnIcon: 'https://webapp-pub.ezijing.com/project_online/fi/tab2.png',
btnIconActive: 'https://webapp-pub.ezijing.com/project_online/fi/tab2_hover.png',
btnIconActive:
'https://webapp-pub.ezijing.com/project_online/fi/tab2_hover.png',
h1: '联合业内专家、国内外权威产业研究机构，共同开发教学课程，为企业高层人士提供中国标准化的任职能力及领导力培训。',
card: [
{
img: 'https://webapp-pub.ezijing.com/project_online/fi/tab2_1.png',
h5Img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/system-2-1.png',
h5Img:
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/system-2-1.png',
tit: '金融保险高级经理人班',
list: [
{
......@@ -95,7 +101,8 @@ const list: List[] = [
},
{
img: 'https://webapp-pub.ezijing.com/project_online/fi/tab2_2.png',
h5Img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/system-2-2.png',
h5Img:
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/system-2-2.png',
tit: '金融保险董事长总裁班',
list: [
{
......@@ -113,12 +120,14 @@ const list: List[] = [
{
btnName: '行业普及类',
btnIcon: 'https://webapp-pub.ezijing.com/project_online/fi/tab3.png',
btnIconActive: 'https://webapp-pub.ezijing.com/project_online/fi/tab3_hover.png',
btnIconActive:
'https://webapp-pub.ezijing.com/project_online/fi/tab3_hover.png',
h1: '联合业内领袖、资深专家学者，帮助相关从业者快速建立岗位相关的理论知识体系，加强实训教学，提高实训能力，协助从业者掌握、提升岗位所需的各种实务技能。',
card: [
{
img: 'https://webapp-pub.ezijing.com/project_online/fi/tab3_1.png',
h5Img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/system-3-1.png',
h5Img:
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/system-3-1.png',
tit: '私人财富风险管理顾问 / PRP',
list: [
{
......@@ -133,7 +142,8 @@ const list: List[] = [
},
{
img: 'https://webapp-pub.ezijing.com/project_online/fi/tab3_2.png',
h5Img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/system-3-2.png',
h5Img:
'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/system-3-2.png',
tit: '紫荆卓越保险理财规划师养成计划100天',
list: [
{
......@@ -164,11 +174,17 @@ const tab = function (e: number) {
<div class="main_con" id="product" v-if="!mobile">
<div class="con_tit">
<div class="tit_img">
<img src="https://webapp-pub.ezijing.com/project_online/fi/tit_icon.png" class="img_box" />
<img
src="https://webapp-pub.ezijing.com/project_online/fi/tit_icon.png"
class="img_box"
/>
</div>
<div class="tit_text">全系列产品体系</div>
<div class="tit_img">
<img src="https://webapp-pub.ezijing.com/project_online/fi/tit_icon.png" class="img_box" />
<img
src="https://webapp-pub.ezijing.com/project_online/fi/tit_icon.png"
class="img_box"
/>
</div>
</div>
<div class="con_content">
......@@ -183,11 +199,19 @@ const tab = function (e: number) {
{{ fItem.h1 }}
</div>
<div class="content_main">
<div class="main_list" v-for="(item, index) in fItem.card" :key="index">
<div
class="main_list"
v-for="(item, index) in fItem.card"
:key="index"
>
<img :src="item.img" alt="" class="list_img1" />
<div class="list_tit">{{ item.tit }}</div>
<ul>
<li class="list_desc" v-for="(it, index) in item.list" :key="index">
<li
class="list_desc"
v-for="(it, index) in item.list"
:key="index"
>
<div class="desc_tit">{{ it.tit }}</div>
<div class="desc_con">{{ it.desc }}</div>
</li>
......@@ -230,7 +254,9 @@ const tab = function (e: number) {
<div class="i"></div>
<div class="r-txt">
<div class="name">学员属性</div>
<div class="value">包括但并不仅限于金融保险企业绩优营包括但并不仅限于金融保险企业绩优营销员销员</div>
<div class="value">
包括但并不仅限于金融保险企业绩优营包括但并不仅限于金融保险企业绩优营销员销员
</div>
</div>
</div>
</div>
......@@ -338,15 +364,13 @@ const tab = function (e: number) {
margin-top: 29px;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 30px;
.main_list {
background: rgba(255, 255, 255, 0.39);
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
padding: 21px 16px 16px 16px;
.list_img1 {
width: 350px;
height: 197px;
}
.list_img2 {
width: 555px;
height: 197px;
......@@ -385,7 +409,7 @@ const tab = function (e: number) {
}
}
.h5-system {
padding: 0 .3rem;
padding: 0 0.3rem;
.tab-content {
background: #fff;
border-radius: 0.12rem;
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论