Skip to content

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

updates

上级 fb73a9e8
隐藏空白字符变更
内嵌 并排
正在显示 包含 314 行增加 和 219 行删除
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/components/layout/Footer.vue
浏览文件 @ 29e14a43
......@@ -9,74 +9,100 @@
<!-- <p><a href="#product">课程介绍</a><a href="#teacher">师资团队</a><a href="#apply">认证流程</a></p> -->
</div>
<div class="app-footer-left__bottom">
<div>
<div class="tit">友情链接</div>
<div class="con">
<a href="http://www.cbirc.gov.cn/cn/view/pages/index/index.html" target="_blank">
<div class="con_link">中国银行保险监督管理委员会</div>
</a>
<a href="http://www.moe.gov.cn/" target="_blank">
<div class="con_link">中华人民共和国教育部</div>
</a>
<a href="https://www.pbcsf.tsinghua.edu.cn/" target="_blank">
<div class="con_link">清华大学五道口金融学院</div>
</a>
<a href="https://www.ezijing.com/" target="_blank">
<div class="con_link">清控紫荆教育</div>
</a>
<!-- <a href="https://paa.ezijing.com/" target="_blank">
<div class="h5_top">
<div class="top_left top_con">
<div class="tit">友情链接</div>
<div class="con">
<a
href="http://www.cbirc.gov.cn/cn/view/pages/index/index.html"
target="_blank"
>
<div class="con_link">中国银行保险监督管理委员会</div>
</a>
<a href="http://www.moe.gov.cn/" target="_blank">
<div class="con_link">中华人民共和国教育部</div>
</a>
<a href="https://www.pbcsf.tsinghua.edu.cn/" target="_blank">
<div class="con_link">清华大学五道口金融学院</div>
</a>
<a href="https://www.ezijing.com/" target="_blank">
<div class="con_link">清控紫荆教育</div>
</a>
<!-- <a href="https://paa.ezijing.com/" target="_blank">
<div class="con_link">紫荆金保</div>
</a> -->
</div>
</div>
</div>
<div>
<div class="tit">项目产品</div>
<div class="con">
<a href="https://prp.ezijing.com/" target="_blank">
<div class="con_link">私人财富风险管理顾问（PRP）</div>
</a>
<a href="https://paa.ezijing.com/" target="_blank">
<div class="con_link">资产分析系列认证（PAA）</div>
</a>
<div class="top_right top_con">
<div class="tit">项目产品</div>
<div class="con">
<a href="https://prp.ezijing.com/" target="_blank">
<div class="con_link">私人财富风险管理顾问（PRP）</div>
</a>
<a href="https://paa.ezijing.com/" target="_blank">
<div class="con_link">资产分析系列认证（PAA）</div>
</a>
</div>
</div>
</div>
<div>
<div class="tit">联系我们</div>
<div class="con">
<dl>
<dt>地址</dt>
<dd>
北京市海淀区中关村东路1号院清华科技园7号楼威盛大厦5层<br />&nbsp;&nbsp;&nbsp;&nbsp;深圳市福田区博今商务广场A座22层
</dd>
</dl>
<dl>
<dt>邮箱</dt>
<dd><a href="mailto:THHZJFI@ezijing.com" class="mail">THHZJFI@ezijing.com</a></dd>
</dl>
<div class="h5_bottom">
<div>
<div class="tit">联系我们</div>
<div class="con">
<dl>
<dt>地址：</dt>
<dd>
北京市海淀区中关村东路1号院清华科技园7号楼威盛大厦5层<br />深圳市福田区博今商务广场A座22层
</dd>
</dl>
<dl>
<dt>邮箱：</dt>
<dd>
<a href="mailto:THHZJFI@ezijing.com" class="mail"
>THHZJFI@ezijing.com</a
>
</dd>
</dl>
</div>
</div>
<div class="app-footer-qrcode">
<img
src="https://webapp-pub.ezijing.com/project_online/fi/qrcode.png"
width="120"
class="code"
/>
<div class="app-footer-qrcode-content">
<img
src="https://zws-imgs-pub.ezijing.com/static/public/184235d9f6edbb39d52fc6f77339ff5b.png"
width="20"
class="icon"
/>
<span>微信公众号</span>
</div>
</div>
</div>
</div>
</div>
<div class="app-footer-qrcode">
<img src="https://webapp-pub.ezijing.com/project_online/fi/qrcode.png" width="120" />
<div class="app-footer-qrcode-content">
<img src="https://zws-imgs-pub.ezijing.com/static/public/184235d9f6edbb39d52fc6f77339ff5b.png" width="20" />
<span>微信公众号</span>
</div>
</div>
</div>
</footer>
<div class="app-copyright">
<div class="app-copyright-inner">
<span>Copyright © 2022 Zijing Education. All rights reserved. </span>
<a target="_blank" href="https://tsm.miit.gov.cn/dxxzsp/">京ICP证150431号 </a>
<span
>Copyright © 2022 Zijing Education. All rights reserved.
<a target="_blank" href="https://tsm.miit.gov.cn/dxxzsp/"
>京ICP证150431号
</a>
</span>
<a
target="_blank"
href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802023681"
style="margin: 0 60px"
>
<img src="https://zws-imgs-pub.ezijing.com/e0a0ec47dfdfc1e0797b1d5254021d00.png" />
京公网安备 11010802023681号
<img
src="https://zws-imgs-pub.ezijing.com/e0a0ec47dfdfc1e0797b1d5254021d00.png"
/>
<span> 京公网安备 11010802023681号</span>
</a>
<!-- <a target="_blank" href="https://beian.miit.gov.cn/#/Integrated/index">京ICP备15016866号-1</a> -->
<span>清控紫荆（北京）教育科技股份有限公司</span>
......@@ -107,51 +133,91 @@
}
}
}
.app-footer-left__top {
display: flex;
align-items: center;
margin-bottom: 30px;
p {
a {
.is-pc {
.app-footer-left__top {
display: flex;
align-items: center;
margin-bottom: 30px;
p {
a {
font-size: 16px;
font-weight: 500;
color: #fff;
margin: 0 18px;
}
}
}
.app-footer-left__bottom {
display: flex;
justify-content: space-between;
.h5_top {
display: flex;
.top_right {
margin-left: 60px;
}
}
.tit {
font-size: 16px;
color: #ffffff;
font-weight: 500;
color: #fff;
margin: 0 18px;
}
.con {
margin-top: 20px;
.con_link {
font-size: 14px;
line-height: 32px;
color: #ffffff;
font-weight: 300;
}
dl {
display: flex;
line-height: 30px;
font-size: 14px;
line-height: 32px;
color: #ffffff;
font-weight: 300;
}
dt {
width: 40px;
text-align-last: justify;
white-space: nowrap;
font-size: 14px;
line-height: 32px;
color: #ffffff;
font-weight: 300;
}
}
.h5_bottom {
display: flex;
align-items: flex-start;
}
}
}
.app-footer-left__bottom {
display: flex;
justify-content: space-between;
.tit {
font-size: 16px;
color: #ffffff;
font-weight: 500;
.app-footer-link {
display: flex;
}
.con {
margin-top: 20px;
.con_link {
font-size: 14px;
line-height: 32px;
color: #ffffff;
font-weight: 300;
.app-footer-link-item {
font-size: 20px;
line-height: 32px;
color: #fff;
letter-spacing: 3px;
}
.app-footer-contact {
h2 {
font-size: 16px;
font-weight: 500;
color: #fff;
line-height: 48px;
margin-bottom: 30px;
}
dl {
display: flex;
line-height: 30px;
font-size: 14px;
line-height: 32px;
color: #ffffff;
font-weight: 300;
}
dt {
width: 60px;
text-align-last: justify;
white-space: nowrap;
font-size: 14px;
line-height: 32px;
color: #ffffff;
font-weight: 300;
}
dd {
&::before {
......@@ -159,53 +225,20 @@
}
}
}
}
.app-footer-link {
display: flex;
}
.app-footer-link-item {
font-size: 20px;
line-height: 32px;
color: #fff;
letter-spacing: 3px;
}
.app-footer-contact {
h2 {
font-size: 16px;
font-weight: 500;
color: #fff;
line-height: 48px;
margin-bottom: 30px;
.app-footer-qrcode {
margin-left: 99px;
// margin-top: 72px;
}
dl {
.app-footer-qrcode-content {
display: flex;
line-height: 30px;
}
dt {
width: 60px;
text-align-last: justify;
white-space: nowrap;
}
dd {
&::before {
content: '：';
align-items: center;
justify-content: center;
margin-top: 20px;
span {
margin-left: 10px;
}
}
}
.app-footer-qrcode {
margin-left: 99px;
margin-top: 72px;
}
.app-footer-qrcode-content {
display: flex;
align-items: center;
justify-content: center;
margin-top: 20px;
span {
margin-left: 10px;
}
}
.app-copyright {
background-color: #242424;
}
......@@ -217,11 +250,16 @@
color: #999;
text-align: center;
}
.app-footer-link-h5 {
display: none;
}
// .app-footer-link-h5 {
// display: none;
// }
.is-h5 {
.app-footer {
border-top: 1px solid #898989;
border-bottom: 1px solid #898989;
background-color: #242424;
padding-bottom: 0.5rem;
.app-footer-inner {
padding: 0.2rem;
}
......@@ -231,6 +269,17 @@
flex-direction: column;
}
}
.app-footer-left {
.app-footer-left__top {
.app-footer-logo {
img {
width: 1.92rem;
height: 0.48rem;
display: block;
}
}
}
}
.app-footer-left__top {
.app-footer-logo {
img {
......@@ -241,35 +290,94 @@
.app-footer-left__bottom {
display: flex;
flex-direction: column;
justify-content: flex-start;
.tit {
font-size: 0.15rem;
}
.con {
margin-top: 0.2rem;
.con_link {
font-size: 0.1rem;
margin-top: 0.3rem;
.h5_top {
display: flex;
justify-content: space-around;
.tit {
font-size: 0.22rem;
white-space: nowrap;
color: #ffffff;
font-weight: 500;
}
dt {
width: 0.5rem;
font-size: 0.1rem;
text-align-last: justify;
.con {
margin-top: 0.2rem;
.con_link {
font-size: 0.2rem;
line-height: 0.36rem;
white-space: nowrap;
color: #ffffff;
font-weight: 300;
}
}
.top_right {
margin-left: 0.8rem;
}
}
.h5_bottom {
display: flex;
align-items: center;
margin-top: 0.37rem;
.tit {
font-size: 0.22rem;
white-space: nowrap;
color: #ffffff;
font-weight: 500;
}
dd {
&::before {
content: '：';
.con {
width: 5.12rem;
margin-top: 0.2rem;
dl {
display: flex;
line-height: 0.36rem;
font-size: 0.18rem;
color: #ffffff;
font-weight: 300;
}
dt {
text-align-last: justify;
white-space: nowrap;
font-size: 0.2rem;
color: #ffffff;
font-weight: 300;
line-height: 0.36rem;
}
}
dd {
font-size: 0.1rem;
.app-footer-qrcode {
margin-left: 0.8rem;
.code {
width: 1.26rem;
height: 1.26rem;
}
.icon {
width: 0.21rem;
}
span {
font-size: 0.2rem;
white-space: nowrap;
color: #ffffff;
}
}
}
}
.app-copyright {
.app-copyright-inner {
line-height: 3;
font-size: 0.2rem;
font-weight: 300;
color: #999999;
text-align: center;
span {
display: inline-block;
white-space: nowrap;
}
}
}
.app-footer-qrcode {
display: none;
display: block;
}
}
</style>
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 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论