Skip to content
项目
群组
代码片段
帮助
当前项目
正在载入...
登录 / 注册
切换导航面板
P
project-online-fi
项目
项目
详情
活动
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
图表
比较
统计图
议题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
日程
统计图
Wiki
Wiki
代码片段
代码片段
成员
成员
折叠边栏
关闭边栏
活动
图像
聊天
创建新问题
作业
提交
问题看板
Open sidebar
EzijingWeb
project-online-fi
Commits
78e5f84e
提交
78e5f84e
authored
7月 24, 2023
作者:
王鹏飞
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
chore: 新增cfo
上级
1f0924f5
隐藏空白字符变更
内嵌
并排
正在显示
13 个修改的文件
包含
87 行增加
和
308 行删除
+87
-308
deploy.js
data/deploy.js
+1
-1
deploy.js
deploy.js
+1
-1
index.html
index.html
+3
-6
logo.png
src/assets/images/logo.png
+0
-0
logo_white.png
src/assets/images/logo_white.png
+0
-0
Footer.vue
src/components/layout/Footer.vue
+1
-2
Banner.vue
src/modules/home/components/Banner.vue
+8
-14
Course.vue
src/modules/home/components/Course.vue
+28
-68
ExamProcess.vue
src/modules/home/components/ExamProcess.vue
+5
-17
Main.vue
src/modules/home/components/Main.vue
+23
-181
ProjectSystem.vue
src/modules/home/components/ProjectSystem.vue
+14
-15
Index.vue
src/modules/shop/views/Index.vue
+2
-2
vite.config.ts
vite.config.ts
+1
-1
没有找到文件。
data/deploy.js
浏览文件 @
78e5f84e
...
...
@@ -40,4 +40,4 @@ function generateUploadTarget(src, dist) {
})
}
generateUploadTarget
(
'./dist'
,
'project_online/
paa
'
)
generateUploadTarget
(
'./dist'
,
'project_online/
cfo
'
)
deploy.js
浏览文件 @
78e5f84e
...
...
@@ -40,4 +40,4 @@ function generateUploadTarget(src, dist) {
})
}
generateUploadTarget
(
'./dist'
,
'/website/prod/project-online-
paa
'
)
generateUploadTarget
(
'./dist'
,
'/website/prod/project-online-
cfo
'
)
index.html
浏览文件 @
78e5f84e
...
...
@@ -4,15 +4,12 @@
<meta
charset=
"UTF-8"
/>
<link
rel=
"icon"
href=
"https://zws-imgs-pub.ezijing.com/pc/base/favicon.ico"
/>
<meta
name=
"theme-color"
content=
"#3276fc"
/>
<meta
name=
"viewport"
content=
"width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover"
/>
<title>
清控紫荆金保PAA
</title>
<meta
name=
"viewport"
content=
"width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover"
/>
<title>
清控紫荆金保CFO
</title>
<script
src=
"https://res2.wx.qq.com/open/js/jweixin-1.6.0.js"
></script>
<script
type=
"module"
>
;(
async
()
=>
{
window
.
SHOP
=
await
import
(
'https://webapp-pub.ezijing.com/project_online/
paa
/shop.js'
)
window
.
SHOP
=
await
import
(
'https://webapp-pub.ezijing.com/project_online/
cfo
/shop.js'
)
})()
</script>
</head>
...
...
src/assets/images/logo.png
查看替换文件 @
1f0924f5
浏览文件 @
78e5f84e
10.8 KB
|
W:
|
H:
9.5 KB
|
W:
|
H:
2-up
Swipe
Onion skin
src/assets/images/logo_white.png
查看替换文件 @
1f0924f5
浏览文件 @
78e5f84e
8.8 KB
|
W:
|
H:
7.5 KB
|
W:
|
H:
2-up
Swipe
Onion skin
src/components/layout/Footer.vue
浏览文件 @
78e5f84e
...
...
@@ -27,6 +27,7 @@ const { mobile } = useDevice()
<div
class=
"product_tit"
>
项目产品
</div>
<div
class=
"product_con"
>
<a
href=
"https://prp.ezijing.com/"
target=
"_blank"
>
私人财富风险管理顾问(PRP)
</a>
<a
href=
"https://paa.ezijing.com/"
target=
"_blank"
>
私人资产分析系列认证(PAA)
</a>
</div>
</div>
</div>
...
...
@@ -40,7 +41,6 @@ const { mobile } = useDevice()
深圳市福田区博今商务广场A座22层
</div>
<div
class=
"con_email"
>
邮
箱:THHZJFI@ezijing.com
</div>
<div
class=
"con_email"
>
PAA秘书处:13263110169(同微信)
</div>
</div>
<div
class=
"concat_con"
v-else
>
<div
class=
"con_address"
>
...
...
@@ -49,7 +49,6 @@ const { mobile } = useDevice()
深圳市福田区博今商务广场A座22层
</div>
<div
class=
"con_email"
>
邮箱:THHZJFI@ezijing.com
</div>
<div
class=
"con_email"
>
PAA秘书处:13263110169(同微信)
</div>
</div>
</div>
<div
class=
"part_code"
>
...
...
src/modules/home/components/Banner.vue
浏览文件 @
78e5f84e
...
...
@@ -5,27 +5,22 @@ const { mobile } = useDevice()
<
template
>
<div
class=
"banner"
v-if=
"!mobile"
>
<div
class=
"banner_con"
>
<div
class=
"banner_tit"
>
PAA资产分析
师
</div>
<div
class=
"banner_tit"
>
CFO中国家族办公室规划
师
</div>
<div
class=
"banner_line"
></div>
<div
class=
"banner_desc"
>
PAA,即资产分析师(Private Assets
Analyst)认证体系是由隶属于清控紫荆教育(以清华大学五道口金融学院相关知识产权创设而成)的清控紫荆金融保险研究院和清控紫荆金融保险学院,针对金融保险企业绩优营销员、保险公司TOP
AGENT、TEAM-LEADER等受众研发设计的教学培训认证体系。
CFO,即中国家族办公室规划师(China Family office
)认证体系是由隶属于清控紫荆教育(以清华大学五道口金融学院相关知识产权创设而成)的清控紫荆金融保险研究院和清控紫荆金融保险学院,针对金融保险企业高管、业务总监、理财部门相关高级经理人、其他行业高端服务人员等受众研发设计的教学培训认证体系。
</div>
</div>
</div>
<div
class=
"banner"
v-else
>
<img
src=
"https://webapp-pub.ezijing.com/project_online/paa/banner_h5.png"
alt=
""
/>
<img
src=
"https://webapp-pub.ezijing.com/project_online/cfo/banner_h5.png"
alt=
""
/>
<div
class=
"banner_con"
>
<div
class=
"banner_tit"
>
PAA资产分析
师
</div>
<div
class=
"banner_tit"
>
CFO中国家族办公室规划
师
</div>
<div
class=
"banner_line"
></div>
<div
class=
"banner_desc"
>
PAA,即资产分析师(Private Assets
Analyst)认证体系是由隶属于清控紫荆教育(以清华大学五道口金融学院相关知识产权创设而成)的清控紫荆金融保险研究院和清控紫荆金融保险学院,针对金融保险企业绩优营销员、保险公司TOP
AGENT、TEAM-LEADER等受众研发设计的教学培训认证体系。
CFO,即中国家族办公室规划师(China Family office
)认证体系是由隶属于清控紫荆教育(以清华大学五道口金融学院相关知识产权创设而成)的清控紫荆金融保险研究院和清控紫荆金融保险学院,针对金融保险企业高管、业务总监、理财部门相关高级经理人、其他行业高端服务人员等受众研发设计的教学培训认证体系。
</div>
</div>
</div>
...
...
@@ -35,8 +30,7 @@ const { mobile } = useDevice()
.is-pc
{
.banner
{
width
:
100%
;
background
:
url('https://webapp-pub.ezijing.com/project_online/paa/banner.jpg')
no-repeat
center
;
background
:
url('https://webapp-pub.ezijing.com/project_online/cfo/banner.jpg')
no-repeat
center
;
background-size
:
100%
100%
;
height
:
700px
;
.banner_con
{
...
...
src/modules/home/components/Course.vue
浏览文件 @
78e5f84e
...
...
@@ -11,26 +11,26 @@ const buyDialogVisible = ref(false)
const
courseList
=
ref
([
{
id
:
'1'
,
tit
:
'
PAA
P(I)'
,
desc
:
'
PAAP(Ⅰ)即通过权属资产全面预算的系统学习,具备完成资产分析所需要的系统源点知识的底层逻辑,精确盘点资产,建立资产分析的多维模型
。'
,
img
:
'https://webapp-pub.ezijing.com/project_online/
paa/course_set
1.png'
,
imgH5
:
'https://webapp-pub.ezijing.com/project_online/
fi/h5/paa-course
1.png'
,
tit
:
'
CFO
P(I)'
,
desc
:
'
CFOP(Ⅰ)即通过系统学习,深度理解家族企业的优势与不足,学习家族企业管理知识并负责或协助完成战略规划制定,理性管理财富
。'
,
img
:
'https://webapp-pub.ezijing.com/project_online/
cfo/course_
1.png'
,
imgH5
:
'https://webapp-pub.ezijing.com/project_online/
cfo/course_
1.png'
,
isBuy
:
false
},
{
id
:
'2'
,
tit
:
'
PAA
P(II)'
,
desc
:
'
PAAP(Ⅱ)是学员通过深入学习资产分析的模型,并能熟练地通过模型,结合不同维度客户资产情况,准确分析形成并出具资产分析报告
。'
,
img
:
'https://webapp-pub.ezijing.com/project_online/
paa/course_set
2.png'
,
imgH5
:
'https://webapp-pub.ezijing.com/project_online/
fi/h5/paa-course
2.png'
,
tit
:
'
CFO
P(II)'
,
desc
:
'
CFOP(Ⅱ)即通过系统学习,基于严谨的理论研究和宽广的国际视野,整合学术前沿理论和实践案例,让我们了解家族企业的战略管理、传承、变革与代际价值创造等内容并付诸实现
。'
,
img
:
'https://webapp-pub.ezijing.com/project_online/
cfo/course_
2.png'
,
imgH5
:
'https://webapp-pub.ezijing.com/project_online/
cfo/course_
2.png'
,
isBuy
:
false
},
{
id
:
'3'
,
tit
:
''
,
desc
:
'高级私人资产分析管理师(Senior Private Asset Analysis Manager,简称PAAM)系统,即通过学习资产配置管理的通识课程,运用私人资产分析的多维模型系统解读和规划,构建私人权属资产管理体系,对不良资产进行处置,对权属资产进行最优化配置,实现私人资产全面增值。'
,
img
:
'https://webapp-pub.ezijing.com/project_online/
paa/course_set
3.png'
,
imgH5
:
'https://webapp-pub.ezijing.com/project_online/
fi/h5/paa-course
3.png'
,
img
:
'https://webapp-pub.ezijing.com/project_online/
cfo/course_
3.png'
,
imgH5
:
'https://webapp-pub.ezijing.com/project_online/
cfo/course_
3.png'
,
isBuy
:
false
}
])
...
...
@@ -77,16 +77,13 @@ const handleBuy = (item: any) => {
<el-tab-pane>
<template
#
label
>
<div
class=
"tab_con con1"
>
<img
src=
"https://webapp-pub.ezijing.com/project_online/
paa/tab
1.png"
class=
"con_img"
/>
<img
src=
"https://webapp-pub.ezijing.com/project_online/
paa/tab
1_active.png"
class=
"con_img_active"
/>
<img
src=
"https://webapp-pub.ezijing.com/project_online/
cfo/course_title_
1.png"
class=
"con_img"
/>
<img
src=
"https://webapp-pub.ezijing.com/project_online/
cfo/course_title_
1_active.png"
class=
"con_img_active"
/>
</div>
<div
class=
"h"
></div>
</
template
>
<div
class=
"con_content"
>
<div
class=
"content_desc"
>
资产分析规划师(Private Assets Analysis
Planner,简称PAAP)认证系列,目前包括资产分析规划师(一级)/PAAP(Ⅰ)和资产分析规划师(二级)/PAAP(Ⅱ)。
</div>
<div
class=
"content_desc"
>
中国家族办公室CFOP分为中国家族办公室规划师(一级)/CFOP(Ⅰ)和中国家族办公室规划师(二级)/CFOP(Ⅱ)
</div>
<div
class=
"con_list con_list1"
>
<div
class=
"list_item"
v-for=
"(item, index) in courseList.slice(0, 2)"
:key=
"index"
>
<ul>
...
...
@@ -101,11 +98,11 @@ const handleBuy = (item: any) => {
</div>
</div>
</el-tab-pane>
<el-tab-pane>
<el-tab-pane
disabled
>
<
template
#
label
>
<div
class=
"tab_con con2"
>
<img
src=
"https://webapp-pub.ezijing.com/project_online/
paa/tab
2.png"
class=
"con_img"
/>
<img
src=
"https://webapp-pub.ezijing.com/project_online/
paa/tab
2_active.png"
class=
"con_img_active"
/>
<img
src=
"https://webapp-pub.ezijing.com/project_online/
cfo/course_title_
2.png"
class=
"con_img"
/>
<img
src=
"https://webapp-pub.ezijing.com/project_online/
cfo/course_title_
2_active.png"
class=
"con_img_active"
/>
</div>
<div
class=
"h"
></div>
</
template
>
...
...
@@ -122,23 +119,6 @@ const handleBuy = (item: any) => {
</el-tabs>
</div>
</div>
<div
class=
"main1"
>
<div
class=
"con_education"
>
<div
class=
"education_tit"
>
PAA持续教育
</div>
<div
class=
"education_desc"
>
PAA持续教育,是清控紫荆金融保险学院PAA认证中心为持证人定制研发的终身学习培训平台,旨在为持证人提供知识更新迭代、使其持续拥有PAA证书的持证效力与执业能力。
</div>
<div
class=
"education_con"
>
<div
class=
"con_part content1"
>
持证人须在证书报告期内(自获得证书签发之日起,每24个月为一个报告期),完成规定的60学分,如未达到将无法进行证书再认证。
</div>
<div
class=
"con_part"
>
持证人可通过线上学习、线下活动、在职学习、公开发表论文或出版著作以及担任专业组织委员等多种形式获得学分。期间由紫荆教育金融保险学院提供全方位教育科技平台支持和全流程专属导师制辅导。
</div>
</div>
</div>
</div>
</div>
<div
class=
"h5-main"
v-else
>
<h1>
课程介绍
</h1>
...
...
@@ -146,16 +126,13 @@ const handleBuy = (item: any) => {
<div
:class=
"courseIndex === 0 ? 'btn active' : 'btn'"
@
click=
"courseIndex = 0"
>
<div
class=
"logo"
></div>
</div>
<div
:class=
"courseIndex === 1 ? 'btn active' : 'btn'"
@
click=
"courseIndex =
1
"
>
<div
:class=
"courseIndex === 1 ? 'btn active' : 'btn'"
@
click=
"courseIndex =
0
"
>
<div
class=
"logo"
></div>
</div>
</div>
<div
class=
"tab-content"
>
<
template
v-if=
"courseIndex === 0"
>
<h2>
私人资产分析规划师(Private Assets Analysis
Planner,简称PAAP)认证系列,目前包括私人资产分析规划师(一级)/PAAP(Ⅰ)和私人资产分析规划师(二级)/PAAP(Ⅱ)。
</h2>
<h2>
中国家族办公室CFOP分为中国家族办公室规划师(一级)/CFOP(Ⅰ)和中国家族办公室规划师(二级)/CFOP(Ⅱ)
</h2>
<div
v-for=
"(item, index) in courseList.slice(0, 2)"
:key=
"index"
>
<h1>
{{
item
.
tit
}}
</h1>
<h3>
...
...
@@ -185,18 +162,6 @@ const handleBuy = (item: any) => {
</div>
</
template
>
</div>
<div
class=
"paa-box"
>
<h1>
PAA持续教育
</h1>
<h2>
PAA持续教育,是清控紫荆金融保险学院PAA认证中心为持证人定制研发的终身学习培训平台,旨在为持证人提供知识更新迭代、使其持续拥有PAA证书的持证效力与执业能力。
</h2>
<div
class=
"t"
>
持证人须在证书报告期内(自获得证书签发之日起,每24个月为一个报告期),完成规定的60学分,如未达到将无法进行证书再认证。
</div>
<div
class=
"t"
>
持证人可通过线上学习、线下活动、在职学习、公开发表论文或出版著作以及担任专业组织委员等多种形式获得学分。期间由紫荆教育金融保险学院提供全方位教育科技平台支持和全流程专属导师制辅导。
</div>
</div>
<ContactDialog
v-model:buyDialogVisible=
"buyDialogVisible"
/>
</div>
</template>
...
...
@@ -204,7 +169,7 @@ const handleBuy = (item: any) => {
<
style
lang=
"scss"
scoped
>
.main
{
width
:
100%
;
// background: url('https://webapp-pub.ezijing.com/project_online/
paa
/course_bg.png') no-repeat center;
// background: url('https://webapp-pub.ezijing.com/project_online/
cfo
/course_bg.png') no-repeat center;
// background-size: 100% 100%;
background
:
#f5f5f5
;
.main_con
{
...
...
@@ -249,19 +214,13 @@ const handleBuy = (item: any) => {
.con_list1
{
display
:
flex
;
justify-content
:
space-between
;
.list_item
:nth-child
(
2
)
{
.item_img
{
margin-top
:
30px
;
}
}
.item_desc
{
margin-top
:
14px
;
}
.item_img
{
// margin-top: 26px;
margin
:
14px
0
26px
;
}
}
.con_list
{
margin-top
:
20px
;
.list_item
{
display
:
flex
;
flex-direction
:
column
;
...
...
@@ -282,6 +241,7 @@ const handleBuy = (item: any) => {
}
}
.item_desc
{
min-height
:
90px
;
width
:
504px
;
font-size
:
16px
;
font-weight
:
400
;
...
...
@@ -336,7 +296,7 @@ const handleBuy = (item: any) => {
.con_part
{
width
:
480px
;
height
:
175px
;
background
:
url('https://webapp-pub.ezijing.com/project_online/
paa
/education_bg.png')
center
no-repeat
;
background
:
url('https://webapp-pub.ezijing.com/project_online/
cfo
/education_bg.png')
center
no-repeat
;
font-size
:
16px
;
font-weight
:
400
;
line-height
:
30px
;
...
...
@@ -527,26 +487,26 @@ const handleBuy = (item: any) => {
}
&
:nth-child
(
1
)
{
.logo
{
background
:
url(https://webapp-pub.ezijing.com/project_online/
paa/tab
1_active.png)
;
background
:
url(https://webapp-pub.ezijing.com/project_online/
cfo/course_title_
1_active.png)
;
background-size
:
100%
100%
;
}
}
&
:nth-child
(
2
)
{
.logo
{
background
:
url(https://webapp-pub.ezijing.com/project_online/
paa/tab
2_active.png)
;
background
:
url(https://webapp-pub.ezijing.com/project_online/
cfo/course_title_
2_active.png)
;
background-size
:
100%
100%
;
}
}
}
&
:nth-child
(
1
)
{
.logo
{
background
:
url(https://webapp-pub.ezijing.com/project_online/
paa/tab
1.png)
;
background
:
url(https://webapp-pub.ezijing.com/project_online/
cfo/course_title_
1.png)
;
background-size
:
100%
100%
;
}
}
&
:nth-child
(
2
)
{
.logo
{
background
:
url(https://webapp-pub.ezijing.com/project_online/
paa/tab
2.png)
;
background
:
url(https://webapp-pub.ezijing.com/project_online/
cfo/course_title_
2.png)
;
background-size
:
100%
100%
;
}
}
...
...
src/modules/home/components/ExamProcess.vue
浏览文件 @
78e5f84e
...
...
@@ -8,38 +8,26 @@ const { mobile } = useDevice()
<div
class=
"main_con"
>
<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_txt"
>
认证流程
</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>
<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/cfo/exam_process.png"
class=
"con_img"
/>
</div>
</div>
<div
class=
"h5-main"
v-else
>
<h1>
认证考试流程
</h1>
<img
src=
"https://webapp-pub.ezijing.com/project_online/fi/h5/paa-process.png"
/>
<img
src=
"https://webapp-pub.ezijing.com/project_online/fi/h5/paa-process.png"
/>
</div>
</
template
>
<
style
lang=
"scss"
scoped
>
.main
{
width
:
100%
;
background
:
url('https://webapp-pub.ezijing.com/project_online/paa/exam_bg.png')
no-repeat
center
/
100%
100%
;
background
:
url('https://webapp-pub.ezijing.com/project_online/cfo/exam_bg.png')
no-repeat
center
/
100%
100%
;
box-sizing
:
border-box
;
.main_con
{
padding
:
70px
0
71px
0
;
...
...
src/modules/home/components/Main.vue
浏览文件 @
78e5f84e
<
script
lang=
"ts"
setup
>
import
'swiper/css'
const
mainList
:
Array
<
{
img
:
string
;
tit
:
string
}
>
=
[
const
mainList
=
[
{
img
:
'https://webapp-pub.ezijing.com/project_online/
paa/main
1.png'
,
tit
:
'
严谨的课程体系
'
img
:
'https://webapp-pub.ezijing.com/project_online/
cfo/project_prospect_
1.png'
,
tit
:
'
多地政府支持
'
},
{
img
:
'https://webapp-pub.ezijing.com/project_online/
paa/main
2.png'
,
tit
:
'
系统的教学平台
'
img
:
'https://webapp-pub.ezijing.com/project_online/
cfo/project_prospect_
2.png'
,
tit
:
'
打造金融新增长点
'
},
{
img
:
'https://webapp-pub.ezijing.com/project_online/paa/main1.png'
,
tit
:
'灵活的学习模式'
}
]
const
mainList1
:
Array
<
{
img
:
string
img1
:
string
tit
:
string
desc
:
string
}
>
=
[
{
img
:
'https://webapp-pub.ezijing.com/project_online/paa/main4_1.png'
,
img1
:
'https://webapp-pub.ezijing.com/project_online/paa/main4_2.png'
,
tit
:
'考培分离'
,
desc
:
'灵活自如公平公正'
img
:
'https://webapp-pub.ezijing.com/project_online/cfo/project_prospect_3.png'
,
tit
:
'助力创新驱动增长'
},
{
img
:
'https://webapp-pub.ezijing.com/project_online/paa/main5_1.png'
,
img1
:
'https://webapp-pub.ezijing.com/project_online/paa/main5_2.png'
,
tit
:
'千人千卷'
,
desc
:
'因材施教百炼成钢'
img
:
'https://webapp-pub.ezijing.com/project_online/cfo/project_prospect_4.png'
,
tit
:
'财富管理皇冠上的明珠'
},
{
img
:
'https://webapp-pub.ezijing.com/project_online/paa/main6_1.png'
,
img1
:
'https://webapp-pub.ezijing.com/project_online/paa/main6_2.png'
,
tit
:
'专属辅导'
,
desc
:
'高效学习精准施教'
img
:
'https://webapp-pub.ezijing.com/project_online/cfo/project_prospect_5.png'
,
tit
:
'家族财富代际传承的基石'
}
]
</
script
>
<
template
>
<div
class=
"main"
>
<div
class=
"main_con"
>
<div
class=
"con_tit"
>
PAA 做权属资产服务的专家
</div>
<div
class=
"con_list"
>
<div
class=
"list_item"
v-for=
"(item, index) in mainList"
:key=
"index"
>
<img
:src=
"item.img"
class=
"item_img"
/>
<div
class=
"item_tit"
>
{{
item
.
tit
}}
</div>
</div>
</div>
</div>
<div
class=
"main_con1"
>
<div
class=
"con1_list"
>
<div
class=
"list_item"
v-for=
"(item, index) in mainList1"
:key=
"index"
>
<img
:src=
"item.img"
class=
"item_img"
/>
<img
:src=
"item.img1"
class=
"item_img1"
/>
<div
class=
"item_line"
></div>
<div
class=
"item_tit"
>
{{
item
.
tit
}}
</div>
<div
class=
"item_desc"
>
{{
item
.
desc
}}
</div>
<p
class=
"item_tit"
>
{{
item
.
tit
}}
</p>
</div>
</div>
</div>
...
...
@@ -68,111 +39,37 @@ const mainList1: Array<{
.is-pc
{
.main
{
.main_con
{
position
:
relative
;
top
:
-80px
;
width
:
1200px
;
margin
:
-70px
auto
;
margin
:
0
auto
;
background
:
#ffffff
;
box-shadow
:
0px
6px
12px
rgba
(
0
,
0
,
0
,
0
.15
);
border-radius
:
16px
;
padding
:
33px
0
26px
0
;
.con_tit
{
text-align
:
center
;
font-size
:
22px
;
font-weight
:
bold
;
color
:
#333333
;
}
padding
:
50px
;
box-sizing
:
border-box
;
.con_list
{
display
:
flex
;
justify-content
:
space-around
;
align-items
:
center
;
margin-top
:
19px
;
.list_item
{
display
:
flex
;
align-items
:
center
;
text-align
:
center
;
.item_tit
{
margin-left
:
15px
;
font-size
:
20px
;
font-weight
:
400
;
line-height
:
50px
;
margin-top
:
22px
;
font-size
:
18px
;
line-height
:
1
;
color
:
#333333
;
}
}
}
}
.main_con1
{
width
:
1200px
;
margin
:
auto
;
padding
:
144px
10px
50px
0
;
box-sizing
:
border-box
;
.con1_list
{
display
:
grid
;
grid-template-columns
:
repeat
(
3
,
1fr
);
grid-column-gap
:
85px
;
.list_item
{
width
:
310px
;
height
:
367px
;
background
:
#ffffff
;
border-radius
:
4px
;
border
:
1px
solid
#dadada
;
padding-top
:
104px
;
box-sizing
:
border-box
;
display
:
flex
;
flex-direction
:
column
;
align-items
:
center
;
cursor
:
pointer
;
.item_img1
{
display
:
none
;
}
.item_line
{
width
:
50px
;
height
:
2px
;
background
:
#aa1941
;
margin
:
41px
auto
;
text-align
:
center
;
}
.item_tit
{
font-size
:
24px
;
font-weight
:
500
;
line-height
:
34px
;
color
:
#333333
;
}
.item_desc
{
display
:
none
;
font-size
:
20px
;
font-weight
:
400
;
line-height
:
50px
;
color
:
#ffffff
;
}
&
:hover
{
background
:
#c1ab85
;
padding-top
:
84px
;
.item_img
{
display
:
none
;
}
.item_img1
{
display
:
block
;
}
.item_line
{
background
:
#ffffff
;
}
.item_tit
{
color
:
#ffffff
;
}
.item_desc
{
display
:
block
;
}
}
}
}
}
}
}
.is-h5
{
.main
{
.main_con
{
margin
:
-1
.37rem
0
.6rem
;
margin
:
-1
rem
0
.6rem
0
;
padding
:
0
.4rem
0
0
.56rem
;
background
:
#ffffff
;
box-shadow
:
0px
3px
18px
rgba
(
0
,
0
,
0
,
0
.15
);
...
...
@@ -180,11 +77,6 @@ const mainList1: Array<{
text-align
:
center
;
position
:
relative
;
z-index
:
1000
;
.con_tit
{
color
:
#333333
;
font-size
:
0
.32rem
;
font-weight
:
bold
;
}
.con_list
{
display
:
flex
;
...
...
@@ -199,59 +91,9 @@ const mainList1: Array<{
font-size
:
0
.24rem
;
margin-top
:
0
.2rem
;
}
.item_tit
{
font-size
:
.24rem
;
margin-top
:
.15rem
;
}
}
}
}
.main_con1
{
margin
:
2rem
0
0
0
.3rem
;
.con1_list
{
display
:
flex
;
overflow-x
:
scroll
;
.list_item
:nth-child
(
2
)
{
.item_tit
{
margin-top
:
0
.45rem
!
important
;
}
}
.list_item
:nth-child
(
1
)
{
.item_tit
{
margin-top
:
0
.55rem
!
important
;
}
}
.list_item
:nth-child
(
3
)
{
.item_tit
{
margin-top
:
0
.5rem
!
important
;
}
}
.list_item
{
width
:
3
.1rem
;
background
:
#ffffff
;
text-align
:
center
;
margin-right
:
0
.2rem
;
padding
:
0
.79rem
0
.59rem
0
.88rem
;
border-radius
:
0
.12rem
;
.item_img
{
width
:
0
.8rem
;
}
.item_img1
{
display
:
none
;
}
.item_line
{
display
:
none
;
}
.item_tit
{
font-size
:
0
.28rem
;
color
:
#333333
;
font-weight
:
500
;
}
.item_desc
{
white-space
:
nowrap
;
color
:
#666666
;
font-size
:
0
.24rem
;
margin-top
:
0
.
2
5rem
;
margin-top
:
0
.
1
5rem
;
}
}
}
...
...
src/modules/home/components/ProjectSystem.vue
浏览文件 @
78e5f84e
...
...
@@ -4,23 +4,23 @@ const { mobile } = useDevice()
const
list
:
Array
<
{
tit
:
string
;
desc
:
string
;
img
:
string
}
>
=
[
{
tit
:
'专业权威'
,
desc
:
'由清华大学知名教授、清控紫荆教育
专职名师和
高级实战专家组成“产学研”一体化教学团队。'
,
img
:
'https://webapp-pub.ezijing.com/project_online/
paa
/list1.png'
desc
:
'由清华大学知名教授、清控紫荆教育
博导顾问团和家族办公室市场
高级实战专家组成“产学研”一体化教学团队。'
,
img
:
'https://webapp-pub.ezijing.com/project_online/
cfo
/list1.png'
},
{
tit
:
'
行业标准
'
,
desc
:
'
首创专属金融保险权属资产分析的多维模型、权属资产全面预算、不良资产处置等研发课题和课程内容
。'
,
img
:
'https://webapp-pub.ezijing.com/project_online/
paa
/list2.png'
tit
:
'
双重认证
'
,
desc
:
'
紫荆教育由清华大学五道口金融学院相关知识产权创设而成,紫荆二字取自清华大学校花”紫荆花“,寓意”自强不息,向美而行“;中国中小企业协会是报国务院批准设立的服务全国中小企业的综合性行业协会,以全心全意为中小企业服务为宗旨,向党中央、国务院建言献策,发挥政府和企业之间桥梁和纽带作用
。'
,
img
:
'https://webapp-pub.ezijing.com/project_online/
cfo
/list2.png'
},
{
tit
:
'
职业认证
'
,
desc
:
'
现代金融保险服务业从业人员职业等级认证系列,从入门到专业、从专业到权威的规划类与管理类职业认证体系
。'
,
img
:
'https://webapp-pub.ezijing.com/project_online/
paa
/list3.png'
tit
:
'
项目服务
'
,
desc
:
'
建立专属项目班级群、校友群、家办沟通群等资源;提供不定期家办会员企业现场参观、交流和学习,定期谈论热点专题,在线直播课等增值服务项目
。'
,
img
:
'https://webapp-pub.ezijing.com/project_online/
cfo
/list3.png'
},
{
tit
:
'
普惠实战
'
,
desc
:
'
隶属清控紫荆金融保险战略性产品。旨在为金融保险企业打造卓越代理人、卓越经纪人以及保险门店、保险工作室独立代理人养成计划,打造终身学习型高绩效团队,成为中国保险销售冠军的人才摇篮
。'
,
img
:
'https://webapp-pub.ezijing.com/project_online/
paa
/list4.png'
tit
:
'
课程落地
'
,
desc
:
'
严谨的课程体系内容实战,在互联网学习系统和线上教学系统上拥有丰富的技术服务经验的基础上,通过录播、直播、专家串讲、数字化案例解析等建立灵活多变的学习模式
。'
,
img
:
'https://webapp-pub.ezijing.com/project_online/
cfo
/list4.png'
}
]
</
script
>
...
...
@@ -59,7 +59,7 @@ const list: Array<{ tit: string; desc: string; img: string }> = [
justify-content
:
space-between
;
align-items
:
center
;
flex-wrap
:
wrap
;
padding
:
128px
0
109
px
0
;
padding
:
90px
0
80
px
0
;
.con_list
{
width
:
585px
;
...
...
@@ -91,9 +91,8 @@ const list: Array<{ tit: string; desc: string; img: string }> = [
}
.left_desc
{
width
:
260px
;
font-size
:
16px
;
font-weight
:
400
;
line-height
:
28px
;
font-size
:
14px
;
line-height
:
22px
;
color
:
#666666
;
margin-top
:
20px
;
}
...
...
src/modules/shop/views/Index.vue
浏览文件 @
78e5f84e
...
...
@@ -20,7 +20,7 @@ watchEffect(() => {
<
template
>
<div
class=
"main_shop"
v-if=
"!mobile"
>
<img
src=
"https://webapp-pub.ezijing.com/project_online/
paa
/shop_banner.jpg"
class=
"shop_banner"
/>
<img
src=
"https://webapp-pub.ezijing.com/project_online/
cfo
/shop_banner.jpg"
class=
"shop_banner"
/>
<div
class=
"shop_con"
>
<div
class=
"con_tab"
>
<el-tabs
class=
"my-tabs"
@
tab-click=
"handleTabClick"
v-model=
"activeName"
>
...
...
@@ -35,7 +35,7 @@ watchEffect(() => {
</div>
</div>
<div
class=
"main_shop"
v-else
>
<img
src=
"https://webapp-pub.ezijing.com/project_online/
paa
/shop_banner.jpg"
class=
"shop_banner"
/>
<img
src=
"https://webapp-pub.ezijing.com/project_online/
cfo
/shop_banner.jpg"
class=
"shop_banner"
/>
<van-tabs
v-model:active=
"activeNameH5"
>
<van-tab
:title=
"item.label"
v-for=
"(item, index) in shopStore.filters"
:key=
"index"
lazy
>
<CourseList
:type=
"item.value"
:courseList=
"shopStore.shopList"
:key=
"index"
/>
...
...
vite.config.ts
浏览文件 @
78e5f84e
...
...
@@ -7,7 +7,7 @@ import vue from '@vitejs/plugin-vue'
import
AutoImport
from
'unplugin-auto-import/vite'
export
default
defineConfig
(({
mode
})
=>
({
base
:
mode
===
'prod'
?
'https://webapp-pub.ezijing.com/website/prod/project-online-
paa
/'
:
'/'
,
base
:
mode
===
'prod'
?
'https://webapp-pub.ezijing.com/website/prod/project-online-
cfo
/'
:
'/'
,
plugins
:
[
vue
({
reactivityTransform
:
true
}),
AutoImport
({
...
...
编写
预览
Markdown
格式
0%
重试
或
添加新文件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
请先完成此评论的编辑!
取消
请
注册
或者
登录
后发表评论