Skip to content
项目
群组
代码片段
帮助
当前项目
正在载入...
登录 / 注册
切换导航面板
P
project-online-fi
项目
项目
详情
活动
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
图表
比较
统计图
议题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
日程
统计图
Wiki
Wiki
代码片段
代码片段
成员
成员
折叠边栏
关闭边栏
活动
图像
聊天
创建新问题
作业
提交
问题看板
Open sidebar
EzijingWeb
project-online-fi
Commits
29e14a43
提交
29e14a43
authored
11月 21, 2022
作者:
matian
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
updates
上级
fb73a9e8
隐藏空白字符变更
内嵌
并排
正在显示
4 个修改的文件
包含
314 行增加
和
219 行删除
+314
-219
base.css
src/assets/css/base.css
+1
-54
Footer.vue
src/components/layout/Footer.vue
+252
-144
Main.vue
src/modules/home/components/Main.vue
+17
-1
ProjectSystem.vue
src/modules/home/components/ProjectSystem.vue
+44
-20
没有找到文件。
src/assets/css/base.css
浏览文件 @
29e14a43
...
@@ -86,10 +86,7 @@ body {
...
@@ -86,10 +86,7 @@ body {
}
}
@media
(
min-width
:
768px
)
{
@media
(
min-width
:
768px
)
{
body
{
background-color
:
#F8F8F8
;
}
html
{
html
{
font-size
:
100px
;
font-size
:
100px
;
}
}
...
@@ -101,6 +98,7 @@ body {
...
@@ -101,6 +98,7 @@ body {
}
}
body
{
body
{
background-color
:
#F8F8F8
;
background-color
:
#F8F8F8
;
font-family
:
Source
Han
Sans
CN
;
}
}
}
}
...
@@ -111,53 +109,3 @@ body {
...
@@ -111,53 +109,3 @@ body {
html
{
html
{
scroll-padding-top
:
90px
;
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 @@
...
@@ -9,74 +9,100 @@
<!--
<p><a
href=
"#product"
>
课程介绍
</a><a
href=
"#teacher"
>
师资团队
</a><a
href=
"#apply"
>
认证流程
</a></p>
-->
<!--
<p><a
href=
"#product"
>
课程介绍
</a><a
href=
"#teacher"
>
师资团队
</a><a
href=
"#apply"
>
认证流程
</a></p>
-->
</div>
</div>
<div
class=
"app-footer-left__bottom"
>
<div
class=
"app-footer-left__bottom"
>
<div>
<div
class=
"h5_top"
>
<div
class=
"tit"
>
友情链接
</div>
<div
class=
"top_left top_con"
>
<div
class=
"con"
>
<div
class=
"tit"
>
友情链接
</div>
<a
href=
"http://www.cbirc.gov.cn/cn/view/pages/index/index.html"
target=
"_blank"
>
<div
class=
"con"
>
<div
class=
"con_link"
>
中国银行保险监督管理委员会
</div>
<a
</a>
href=
"http://www.cbirc.gov.cn/cn/view/pages/index/index.html"
<a
href=
"http://www.moe.gov.cn/"
target=
"_blank"
>
target=
"_blank"
<div
class=
"con_link"
>
中华人民共和国教育部
</div>
>
</a>
<div
class=
"con_link"
>
中国银行保险监督管理委员会
</div>
<a
href=
"https://www.pbcsf.tsinghua.edu.cn/"
target=
"_blank"
>
</a>
<div
class=
"con_link"
>
清华大学五道口金融学院
</div>
<a
href=
"http://www.moe.gov.cn/"
target=
"_blank"
>
</a>
<div
class=
"con_link"
>
中华人民共和国教育部
</div>
<a
href=
"https://www.ezijing.com/"
target=
"_blank"
>
</a>
<div
class=
"con_link"
>
清控紫荆教育
</div>
<a
href=
"https://www.pbcsf.tsinghua.edu.cn/"
target=
"_blank"
>
</a>
<div
class=
"con_link"
>
清华大学五道口金融学院
</div>
<!--
<a
href=
"https://paa.ezijing.com/"
target=
"_blank"
>
</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>
<div
class=
"con_link"
>
紫荆金保
</div>
</a>
-->
</a>
-->
</div>
</div>
</div>
</div
>
<div
class=
"top_right top_con"
>
<
div>
<div
class=
"tit"
>
项目产品
</
div>
<div
class=
"tit"
>
项目产品
</div
>
<div
class=
"con"
>
<div
class=
"con
"
>
<a
href=
"https://prp.ezijing.com/"
target=
"_blank
"
>
<a
href=
"https://prp.ezijing.com/"
target=
"_blank"
>
<div
class=
"con_link"
>
私人财富风险管理顾问(PRP)
</div
>
<
div
class=
"con_link"
>
私人财富风险管理顾问(PRP)
</div
>
<
/a
>
</a
>
<a
href=
"https://paa.ezijing.com/"
target=
"_blank"
>
<a
href=
"https://paa.ezijing.com/"
target=
"_blank"
>
<div
class=
"con_link"
>
资产分析系列认证(PAA)
</div
>
<
div
class=
"con_link"
>
资产分析系列认证(PAA)
</div
>
<
/a
>
</
a
>
</
div
>
</div>
</div>
</div>
</div>
<div>
<div
class=
"h5_bottom"
>
<div
class=
"tit"
>
联系我们
</div>
<div>
<div
class=
"con"
>
<div
class=
"tit"
>
联系我们
</div>
<dl>
<div
class=
"con"
>
<dt>
地址
</dt>
<dl>
<dd>
<dt>
地址:
</dt>
北京市海淀区中关村东路1号院清华科技园7号楼威盛大厦5层
<br
/>
深圳市福田区博今商务广场A座22层
<dd>
</dd>
北京市海淀区中关村东路1号院清华科技园7号楼威盛大厦5层
<br
/>
深圳市福田区博今商务广场A座22层
</dl>
</dd>
<dl>
</dl>
<dt>
邮箱
</dt>
<dl>
<dd><a
href=
"mailto:THHZJFI@ezijing.com"
class=
"mail"
>
THHZJFI@ezijing.com
</a></dd>
<dt>
邮箱:
</dt>
</dl>
<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>
</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>
</div>
</footer>
</footer>
<div
class=
"app-copyright"
>
<div
class=
"app-copyright"
>
<div
class=
"app-copyright-inner"
>
<div
class=
"app-copyright-inner"
>
<span>
Copyright © 2022 Zijing Education. All rights reserved.
</span>
<span
<a
target=
"_blank"
href=
"https://tsm.miit.gov.cn/dxxzsp/"
>
京ICP证150431号
</a>
>
Copyright © 2022 Zijing Education. All rights reserved.
<a
target=
"_blank"
href=
"https://tsm.miit.gov.cn/dxxzsp/"
>
京ICP证150431号
</a>
</span>
<a
<a
target=
"_blank"
target=
"_blank"
href=
"http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802023681"
href=
"http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802023681"
style=
"margin: 0 60px"
style=
"margin: 0 60px"
>
>
<img
src=
"https://zws-imgs-pub.ezijing.com/e0a0ec47dfdfc1e0797b1d5254021d00.png"
/>
<img
京公网安备 11010802023681号
src=
"https://zws-imgs-pub.ezijing.com/e0a0ec47dfdfc1e0797b1d5254021d00.png"
/>
<span>
京公网安备 11010802023681号
</span>
</a>
</a>
<!--
<a
target=
"_blank"
href=
"https://beian.miit.gov.cn/#/Integrated/index"
>
京ICP备15016866号-1
</a>
-->
<!--
<a
target=
"_blank"
href=
"https://beian.miit.gov.cn/#/Integrated/index"
>
京ICP备15016866号-1
</a>
-->
<span>
清控紫荆(北京)教育科技股份有限公司
</span>
<span>
清控紫荆(北京)教育科技股份有限公司
</span>
...
@@ -107,51 +133,91 @@
...
@@ -107,51 +133,91 @@
}
}
}
}
}
}
.app-footer-left__top
{
.is-pc
{
display
:
flex
;
.app-footer-left__top
{
align-items
:
center
;
display
:
flex
;
margin-bottom
:
30px
;
align-items
:
center
;
p
{
margin-bottom
:
30px
;
a
{
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
;
font-size
:
16px
;
color
:
#ffffff
;
font-weight
:
500
;
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-link
{
.app-footer-left__bottom
{
display
:
flex
;
display
:
flex
;
justify-content
:
space-between
;
.tit
{
font-size
:
16px
;
color
:
#ffffff
;
font-weight
:
500
;
}
}
.con
{
.app-footer-link-item
{
margin-top
:
20px
;
font-size
:
20px
;
.con_link
{
line-height
:
32px
;
font-size
:
14px
;
color
:
#fff
;
line-height
:
32px
;
letter-spacing
:
3px
;
color
:
#ffffff
;
}
font-weight
:
300
;
.app-footer-contact
{
h2
{
font-size
:
16px
;
font-weight
:
500
;
color
:
#fff
;
line-height
:
48px
;
margin-bottom
:
30px
;
}
}
dl
{
dl
{
display
:
flex
;
display
:
flex
;
line-height
:
30px
;
line-height
:
30px
;
font-size
:
14px
;
line-height
:
32px
;
color
:
#ffffff
;
font-weight
:
300
;
}
}
dt
{
dt
{
width
:
60px
;
width
:
60px
;
text-align-last
:
justify
;
text-align-last
:
justify
;
white-space
:
nowrap
;
white-space
:
nowrap
;
font-size
:
14px
;
line-height
:
32px
;
color
:
#ffffff
;
font-weight
:
300
;
}
}
dd
{
dd
{
&
:
:
before
{
&
:
:
before
{
...
@@ -159,53 +225,20 @@
...
@@ -159,53 +225,20 @@
}
}
}
}
}
}
}
.app-footer-qrcode
{
.app-footer-link
{
margin-left
:
99px
;
display
:
flex
;
// margin-top: 72px;
}
.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
{
.app-footer-qrcode-content
{
display
:
flex
;
display
:
flex
;
line-height
:
30px
;
align-items
:
center
;
}
justify-content
:
center
;
dt
{
margin-top
:
20px
;
width
:
60px
;
span
{
text-align-last
:
justify
;
margin-left
:
10px
;
white-space
:
nowrap
;
}
dd
{
&
:
:
before
{
content
:
':'
;
}
}
}
}
}
}
.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
{
.app-copyright
{
background-color
:
#242424
;
background-color
:
#242424
;
}
}
...
@@ -217,11 +250,16 @@
...
@@ -217,11 +250,16 @@
color
:
#999
;
color
:
#999
;
text-align
:
center
;
text-align
:
center
;
}
}
.app-footer-link-h5
{
display
:
none
;
// .app-footer-link-h5 {
}
// display: none;
// }
.is-h5
{
.is-h5
{
.app-footer
{
.app-footer
{
border-top
:
1px
solid
#898989
;
border-bottom
:
1px
solid
#898989
;
background-color
:
#242424
;
padding-bottom
:
0
.5rem
;
.app-footer-inner
{
.app-footer-inner
{
padding
:
0
.2rem
;
padding
:
0
.2rem
;
}
}
...
@@ -231,6 +269,17 @@
...
@@ -231,6 +269,17 @@
flex-direction
:
column
;
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-left__top
{
.app-footer-logo
{
.app-footer-logo
{
img
{
img
{
...
@@ -241,35 +290,94 @@
...
@@ -241,35 +290,94 @@
.app-footer-left__bottom
{
.app-footer-left__bottom
{
display
:
flex
;
display
:
flex
;
flex-direction
:
column
;
flex-direction
:
column
;
justify-content
:
flex-start
;
margin-top
:
0
.3rem
;
.tit
{
.h5_top
{
font-size
:
0
.15rem
;
display
:
flex
;
}
justify-content
:
space-around
;
.con
{
.tit
{
margin-top
:
0
.2rem
;
font-size
:
0
.22rem
;
.con_link
{
white-space
:
nowrap
;
font-size
:
0
.1rem
;
color
:
#ffffff
;
font-weight
:
500
;
}
}
dt
{
.con
{
width
:
0
.5rem
;
margin-top
:
0
.2rem
;
font-size
:
0
.1rem
;
.con_link
{
text-align-last
:
justify
;
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
;
white-space
:
nowrap
;
color
:
#ffffff
;
font-weight
:
500
;
}
}
dd
{
.con
{
&
:
:
before
{
width
:
5
.12rem
;
content
:
':'
;
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
{
.app-footer-qrcode
{
font-size
:
0
.1rem
;
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
;
white-space
:
nowrap
;
}
}
}
}
}
}
.app-footer-qrcode
{
.app-footer-qrcode
{
display
:
none
;
display
:
block
;
}
}
}
}
</
style
>
</
style
>
src/modules/home/components/Main.vue
浏览文件 @
29e14a43
...
@@ -69,7 +69,6 @@ const list = [
...
@@ -69,7 +69,6 @@ const list = [
height
:
290px
;
height
:
290px
;
}
}
.con_content
{
.con_content
{
background
:
#ffffff
;
font-size
:
20px
;
font-size
:
20px
;
font-weight
:
400
;
font-weight
:
400
;
line-height
:
40px
;
line-height
:
40px
;
...
@@ -103,6 +102,23 @@ const list = [
...
@@ -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
{
.card-box
{
padding-top
:
0
.4rem
;
padding-top
:
0
.4rem
;
padding-left
:
0
.3rem
;
padding-left
:
0
.3rem
;
...
...
src/modules/home/components/ProjectSystem.vue
浏览文件 @
29e14a43
...
@@ -22,12 +22,14 @@ const list: List[] = [
...
@@ -22,12 +22,14 @@ const list: List[] = [
{
{
btnName
:
'行业认证类'
,
btnName
:
'行业认证类'
,
btnIcon
:
'https://webapp-pub.ezijing.com/project_online/fi/tab1.png'
,
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
:
'联合业内领袖、资深专家学者,帮助相关从业者快速建立岗位相关的理论知识体系,加强实训教学,提高实训能力,协助从业者掌握、提升岗位所需的各种实务技能。'
,
h1
:
'联合业内领袖、资深专家学者,帮助相关从业者快速建立岗位相关的理论知识体系,加强实训教学,提高实训能力,协助从业者掌握、提升岗位所需的各种实务技能。'
,
card
:
[
card
:
[
{
{
img
:
'https://webapp-pub.ezijing.com/project_online/fi/tab1_1.png'
,
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)'
,
tit
:
'资产分析规划师(一级/二级)/ PAAP(I/II)'
,
list
:
[
list
:
[
{
{
...
@@ -42,7 +44,8 @@ const list: List[] = [
...
@@ -42,7 +44,8 @@ const list: List[] = [
},
},
{
{
img
:
'https://webapp-pub.ezijing.com/project_online/fi/tab1_2.png'
,
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'
,
tit
:
'高级资产分析管理师 / PAAM'
,
list
:
[
list
:
[
{
{
...
@@ -57,7 +60,8 @@ const list: List[] = [
...
@@ -57,7 +60,8 @@ const list: List[] = [
},
},
{
{
img
:
'https://webapp-pub.ezijing.com/project_online/fi/tab1_3.png'
,
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)'
,
tit
:
'公司金融管理师(CFM)'
,
list
:
[
list
:
[
{
{
...
@@ -75,12 +79,14 @@ const list: List[] = [
...
@@ -75,12 +79,14 @@ const list: List[] = [
{
{
btnName
:
'行业标准类'
,
btnName
:
'行业标准类'
,
btnIcon
:
'https://webapp-pub.ezijing.com/project_online/fi/tab2.png'
,
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
:
'联合业内专家、国内外权威产业研究机构,共同开发教学课程,为企业高层人士提供中国标准化的任职能力及领导力培训。'
,
h1
:
'联合业内专家、国内外权威产业研究机构,共同开发教学课程,为企业高层人士提供中国标准化的任职能力及领导力培训。'
,
card
:
[
card
:
[
{
{
img
:
'https://webapp-pub.ezijing.com/project_online/fi/tab2_1.png'
,
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
:
'金融保险高级经理人班'
,
tit
:
'金融保险高级经理人班'
,
list
:
[
list
:
[
{
{
...
@@ -95,7 +101,8 @@ const list: List[] = [
...
@@ -95,7 +101,8 @@ const list: List[] = [
},
},
{
{
img
:
'https://webapp-pub.ezijing.com/project_online/fi/tab2_2.png'
,
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
:
'金融保险董事长总裁班'
,
tit
:
'金融保险董事长总裁班'
,
list
:
[
list
:
[
{
{
...
@@ -113,12 +120,14 @@ const list: List[] = [
...
@@ -113,12 +120,14 @@ const list: List[] = [
{
{
btnName
:
'行业普及类'
,
btnName
:
'行业普及类'
,
btnIcon
:
'https://webapp-pub.ezijing.com/project_online/fi/tab3.png'
,
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
:
'联合业内领袖、资深专家学者,帮助相关从业者快速建立岗位相关的理论知识体系,加强实训教学,提高实训能力,协助从业者掌握、提升岗位所需的各种实务技能。'
,
h1
:
'联合业内领袖、资深专家学者,帮助相关从业者快速建立岗位相关的理论知识体系,加强实训教学,提高实训能力,协助从业者掌握、提升岗位所需的各种实务技能。'
,
card
:
[
card
:
[
{
{
img
:
'https://webapp-pub.ezijing.com/project_online/fi/tab3_1.png'
,
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'
,
tit
:
'私人财富风险管理顾问 / PRP'
,
list
:
[
list
:
[
{
{
...
@@ -133,7 +142,8 @@ const list: List[] = [
...
@@ -133,7 +142,8 @@ const list: List[] = [
},
},
{
{
img
:
'https://webapp-pub.ezijing.com/project_online/fi/tab3_2.png'
,
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天'
,
tit
:
'紫荆卓越保险理财规划师养成计划100天'
,
list
:
[
list
:
[
{
{
...
@@ -164,11 +174,17 @@ const tab = function (e: number) {
...
@@ -164,11 +174,17 @@ const tab = function (e: number) {
<div
class=
"main_con"
id=
"product"
v-if=
"!mobile"
>
<div
class=
"main_con"
id=
"product"
v-if=
"!mobile"
>
<div
class=
"con_tit"
>
<div
class=
"con_tit"
>
<div
class=
"tit_img"
>
<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=
"tit_text"
>
全系列产品体系
</div>
<div
class=
"tit_text"
>
全系列产品体系
</div>
<div
class=
"tit_img"
>
<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>
</div>
<div
class=
"con_content"
>
<div
class=
"con_content"
>
...
@@ -183,11 +199,19 @@ const tab = function (e: number) {
...
@@ -183,11 +199,19 @@ const tab = function (e: number) {
{{ fItem.h1 }}
{{ fItem.h1 }}
</div>
</div>
<div
class=
"content_main"
>
<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"
/>
<img
:src=
"item.img"
alt=
""
class=
"list_img1"
/>
<div
class=
"list_tit"
>
{{ item.tit }}
</div>
<div
class=
"list_tit"
>
{{ item.tit }}
</div>
<ul>
<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_tit"
>
{{ it.tit }}
</div>
<div
class=
"desc_con"
>
{{ it.desc }}
</div>
<div
class=
"desc_con"
>
{{ it.desc }}
</div>
</li>
</li>
...
@@ -230,7 +254,9 @@ const tab = function (e: number) {
...
@@ -230,7 +254,9 @@ const tab = function (e: number) {
<div
class=
"i"
></div>
<div
class=
"i"
></div>
<div
class=
"r-txt"
>
<div
class=
"r-txt"
>
<div
class=
"name"
>
学员属性
</div>
<div
class=
"name"
>
学员属性
</div>
<div
class=
"value"
>
包括但并不仅限于金融保险企业绩优营包括但并不仅限于金融保险企业绩优营销员销员
</div>
<div
class=
"value"
>
包括但并不仅限于金融保险企业绩优营包括但并不仅限于金融保险企业绩优营销员销员
</div>
</div>
</div>
</div>
</div>
</div>
</div>
...
@@ -338,15 +364,13 @@ const tab = function (e: number) {
...
@@ -338,15 +364,13 @@ const tab = function (e: number) {
margin-top
:
29px
;
margin-top
:
29px
;
display
:
grid
;
display
:
grid
;
grid-template-columns
:
repeat
(
3
,
1fr
);
grid-template-columns
:
repeat
(
3
,
1fr
);
grid-column-gap
:
30px
;
grid-column-gap
:
30px
;
.main_list
{
.main_list
{
background
:
rgba
(
255
,
255
,
255
,
0
.39
);
background
:
rgba
(
255
,
255
,
255
,
0
.39
);
box-shadow
:
0px
3px
6px
rgba
(
0
,
0
,
0
,
0
.16
);
box-shadow
:
0px
3px
6px
rgba
(
0
,
0
,
0
,
0
.16
);
padding
:
21px
16px
16px
16px
;
padding
:
21px
16px
16px
16px
;
.list_img1
{
width
:
350px
;
height
:
197px
;
}
.list_img2
{
.list_img2
{
width
:
555px
;
width
:
555px
;
height
:
197px
;
height
:
197px
;
...
@@ -385,7 +409,7 @@ const tab = function (e: number) {
...
@@ -385,7 +409,7 @@ const tab = function (e: number) {
}
}
}
}
.h5-system
{
.h5-system
{
padding
:
0
.3rem
;
padding
:
0
0
.3rem
;
.tab-content
{
.tab-content
{
background
:
#fff
;
background
:
#fff
;
border-radius
:
0
.12rem
;
border-radius
:
0
.12rem
;
...
...
编写
预览
Markdown
格式
0%
重试
或
添加新文件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
请先完成此评论的编辑!
取消
请
注册
或者
登录
后发表评论