Skip to content

P
project-online-fi
提交 78e5f84e authored 作者: 王鹏飞's avatar 王鹏飞
浏览文件
操作

chore: 新增cfo

上级 1f0924f5
全部展开 隐藏空白字符变更
内嵌 并排
正在显示 包含 59 行增加 和 240 行删除
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
src/assets/images/logo.png

10.8 KB | W: | H:

src/assets/images/logo.png

9.5 KB | W: | H:

src/assets/images/logo.png
src/assets/images/logo.png
src/assets/images/logo.png
src/assets/images/logo.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/images/logo_white.png
查看替换文件 @ 1f0924f5 浏览文件 @ 78e5f84e
src/assets/images/logo_white.png

8.8 KB | W: | H:

src/assets/images/logo_white.png

7.5 KB | W: | H:

src/assets/images/logo_white.png
src/assets/images/logo_white.png
src/assets/images/logo_white.png
src/assets/images/logo_white.png
  • 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">邮 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱：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/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/main1.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/main2.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: -1rem 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.25rem;
margin-top: 0.15rem;
}
}
}
......
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 109px 0;
padding: 90px 0 80px 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 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论