Skip to content

L
learn-online-pc
提交 eae482e2 authored 作者: 王鹏飞's avatar 王鹏飞
浏览文件
操作

update

上级 7c3e4d31
隐藏空白字符变更
内嵌 并排
正在显示 包含 276 行增加 和 1306 行删除
src/assets/css/xyxz.scss 0 → 100644
浏览文件 @ eae482e2
.mian {
background: rgba(255, 255, 255, 1);
border-radius: 6px;
margin: 40px;
padding: 0 40px 30px;
.title {
color: #333333;
font-size: 18px;
font-weight: bold;
line-height: 65px;
border-bottom: 1px solid rgba(204, 204, 204, 1);
}
.content {
display: flex;
align-items: flex-start;
.cont-left {
flex: 1;
overflow: hidden;
}
.h2 {
font-size: 35px;
font-weight: bold;
color: #333333;
text-align: center;
padding: 40px 0;
}
p {
text-align: justify;
color: rgba(51, 51, 51, 1);
font-size: 18px;
line-height: 35px;
margin-top: 15px;
text-indent: 2em;
}
.txt-cont {
margin-top: 20px;
.tits {
font-weight: bold;
font-size: 22px;
line-height: 40px;
color: #333;
border-bottom: 1px solid #cccccc;
padding-top: 10px;
}
ul {
margin: 5px auto;
}
li {
display: flex;
margin-top: 15px;
img {
width: 12px;
height: 12px;
margin-top: 8px;
}
.rtxt {
color: #333;
font-size: 18px;
margin-left: 5px;
}
}
}
}
.cont-right {
width: 200px;
margin-left: 40px;
height: auto;
&.susp {
.cont {
position: fixed;
top: 0;
}
}
.cont {
width: 200px;
margin-top: 150px;
.titl {
height: 73px;
background: url('../../assets/images/lear-tips-mbg.png');
background-size: 100% 100%;
}
.titl {
display: flex;
justify-content: center;
align-items: center;
img {
width: 28px;
height: 28px;
}
.txt {
color: rgba(255, 255, 255, 1);
font-size: 22px;
margin-left: 8px;
}
}
ul {
padding: 0;
li.active {
.name {
color: #2994ea;
}
.prog {
.pr1 {
background: #2994ea;
}
.pr2 {
background: #2994ea;
}
}
}
li {
display: flex;
list-style: none;
width: 164px;
margin: 0 auto 20px auto;
cursor: pointer;
.name {
font-size: 18px;
color: #999999;
}
.prog {
width: 86px;
margin-left: auto;
position: relative;
margin-top: 5px;
.pr1 {
position: absolute;
top: 8px;
right: 0;
width: 100%;
height: 1px;
background: #d8d8d8;
}
.pr2 {
position: absolute;
top: 0;
right: 0;
width: 16px;
height: 16px;
background: rgba(216, 216, 216, 1);
border-radius: 50%;
}
}
}
}
}
}
}
.table {
width: 90%;
margin: 20px auto;
border-collapse: collapse;
text-align: center;
td,
th {
padding: 12px;
}
}
src/assets/images/jcxx.jpg
查看替换文件 @ 7c3e4d31 浏览文件 @ eae482e2
src/assets/images/jcxx.jpg

1.2 MB | W: | H:

src/assets/images/jcxx.jpg

1.3 MB | W: | H:

src/assets/images/jcxx.jpg
src/assets/images/jcxx.jpg
src/assets/images/jcxx.jpg
src/assets/images/jcxx.jpg
  • 2-up
  • Swipe
  • Onion skin
src/pages/tips/examinaTips.vue
浏览文件 @ eae482e2
......@@ -27,5 +27,4 @@ export default {
}
</script>
<style>
</style>
<style src="@/assets/css/xyxz.scss"></style>
src/pages/tips/examinaTipsOffLine.vue
浏览文件 @ eae482e2
<template>
<div class="mian">
<div class="content fl">
<div class="title">考前须知</div>
<!-- <div class="title">考前须知</div> -->
<div class="content">
<div class="cont-left">
<div class="h2">考前须知</div>
<div class="explain">
<div class="txt">
“高级财富管理师”证书培训作为提升从业人员素质的基本途径，得到了监管部门、各金融机构及广大从业人员的高度认可，对于规范从业人员职业水平，实现从业人员自我管理起到了巨大的推动作用。
</div>
<div class="txt">
不断规范“高级财富管理师”证书考试制度,目的是建立财富管理从业人员职业标准及用人规范,为金融机构和客户鉴别从业者能力提供识别标杆。为确保考试顺利有序进行，现将《考前须知》公示如下。请各位考生认真阅读，明确考试规则，遵守考试纪律，做好考前准备。
</div>
</div>
<p>
“高级财富管理师”证书培训作为提升从业人员素质的基本途径，得到了监管部门、各金融机构及广大从业人员的高度认可，对于规范从业人员职业水平，实现从业人员自我管理起到了巨大的推动作用。
</p>
<p>
不断规范“高级财富管理师”证书考试制度,目的是建立财富管理从业人员职业标准及用人规范,为金融机构和客户鉴别从业者能力提供识别标杆。为确保考试顺利有序进行，现将《考前须知》公示如下。请各位考生认真阅读，明确考试规则，遵守考试纪律，做好考前准备。
</p>
<div class="txt-cont" ref="catalog1" id="catalog1">
<div class="tits">考试时间</div>
<p>考试时间： <span style="color: red">2021 年 6 月 1 9 日 17:00—18:00</span></p>
<p>考试时间：<span style="color: red">2021 年 6 月 1 9 日 17:00—18:00</span></p>
</div>
<div class="txt-cont" ref="catalog2" id="catalog2">
<div class="tits">考试内容</div>
......@@ -39,24 +37,24 @@
<p>预祝大家考试顺利！</p>
</div>
</div>
</div>
<div :class="showClass" ref="suspension">
<div class="cont">
<div class="titl">
<img src="../../assets/images/lear-tips-micon.png" alt="" />
<div class="txt">目录导航</div>
<div :class="showClass" ref="suspension">
<div class="cont">
<div class="titl">
<img src="../../assets/images/lear-tips-micon.png" alt="" />
<div class="txt">目录导航</div>
</div>
<ul>
<template v-for="(item, index) in catalogList">
<li :key="index" :class="item.active" @click="clickScroll(item.id, index)">
<div class="name">{{ item.name }}</div>
<div class="prog">
<div class="pr1"></div>
<div class="pr2"></div>
</div>
</li>
</template>
</ul>
</div>
<ul>
<template v-for="(item, index) in catalogList">
<li :key="index" :class="item.active" @click="clickScroll(item.id, index)">
<div class="name">{{ item.name }}</div>
<div class="prog">
<div class="pr1"></div>
<div class="pr2"></div>
</div>
</li>
</template>
</ul>
</div>
</div>
</div>
......@@ -104,392 +102,3 @@ export default {
}
}
</script>
<style lang="scss" scoped>
.mian {
padding: 40px;
.content {
position: relative;
background: rgba(255, 255, 255, 1);
border-radius: 6px;
padding: 0 40px 30px 40px;
margin-bottom: 20px;
.title {
color: #333333;
font-size: 18px;
line-height: 65px;
border-bottom: 1px solid rgba(204, 204, 204, 1);
}
.cont-txt {
padding-bottom: 30px;
p {
font-size: 18px;
color: #666666;
line-height: 30px;
text-indent: 2em;
}
}
.new-h2 {
margin-top: 30px;
}
.h2 {
font-size: 35px;
color: #333333;
text-align: center;
padding: 10px 0;
}
.explain {
.tits {
font-size: 22px;
color: #333333;
}
.txt {
font-size: 18px;
color: rgba(51, 51, 51, 1);
line-height: 40px;
// width: 90%;
// margin: 0 auto;
text-indent: 2em;
}
}
.cont-left {
width: 75%;
}
.txt-cont {
margin-top: 20px;
.tits {
font-weight: bold;
font-size: 22px;
line-height: 40px;
width: 100%;
color: #333;
border-bottom: 1px solid #cccccc;
padding-top: 10px;
}
p {
text-align: justify;
color: rgba(51, 51, 51, 1);
font-size: 18px;
line-height: 35px;
margin-top: 15px;
width: 90%;
margin: 10px auto 0 auto;
text-indent: -0.8em;
}
.qr-code {
width: 35%;
display: block;
margin: 0 auto;
}
.img1 {
width: 80%;
display: block;
margin: 10px auto 0 auto;
}
.img2 {
width: 65%;
margin: 10px auto;
display: block;
}
.ind {
text-indent: 2em;
}
ul {
margin: 0 auto;
padding: 27px 0 0 0;
list-style: none;
li.top {
.li-txt {
position: absolute;
top: 55%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
left: 20%;
}
}
li:nth-child(2) {
.l {
opacity: 0.6;
}
}
li:nth-child(3) {
.l {
opacity: 0.7;
}
}
li:nth-child(4) {
.l {
opacity: 0.8;
}
}
li:nth-child(5) {
.l {
opacity: 0.9;
}
}
li {
position: relative;
width: 100%;
margin-bottom: 30px;
overflow: hidden;
.l {
position: relative;
float: left;
width: 20%;
opacity: 0.5;
img {
display: block;
width: 100%;
}
span {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
color: #fff;
font-size: 20px;
text-align: center;
white-space: nowrap;
}
}
.li-txt {
float: left;
width: 77%;
margin-left: 3%;
div {
font-size: 18px;
color: rgba(51, 51, 51, 1);
line-height: 30px;
}
}
}
}
}
}
.cont-right.susp {
position: fixed;
right: -40px;
top: 80px;
}
.cont-right {
position: absolute;
top: 150px;
right: 0;
width: 30%;
.cont {
width: 200px;
margin: 0 auto;
.titl {
width: 100%;
height: 73px;
background: url('../../assets/images/lear-tips-mbg.png');
background-size: 100% 100%;
}
.titl {
display: flex;
justify-content: center;
align-items: center;
img {
width: 28px;
height: 28px;
}
.txt {
color: rgba(255, 255, 255, 1);
font-size: 22px;
margin-left: 8px;
}
}
ul {
padding: 0;
li.active {
.name {
color: #2994ea;
}
.prog {
.pr1 {
background: #2994ea;
}
.pr2 {
background: #2994ea;
}
}
}
li {
display: flex;
list-style: none;
width: 164px;
margin: 0 auto 20px auto;
cursor: pointer;
.name {
font-size: 18px;
color: #999999;
}
.prog {
width: 86px;
margin-left: auto;
position: relative;
margin-top: 5px;
.pr1 {
position: absolute;
top: 8px;
right: 0;
width: 100%;
height: 1px;
background: #d8d8d8;
}
.pr2 {
position: absolute;
top: 0;
right: 0;
width: 16px;
height: 16px;
background: rgba(216, 216, 216, 1);
border-radius: 50%;
}
}
}
}
}
}
}
.exa-main {
.tip-t {
font-size: 22px;
color: #333333;
}
.padd-min-tit {
padding: 8px 0 0 0;
}
.min-tit {
color: rgba(51, 51, 51, 1);
font-size: 18px;
margin: 20px 0 20px 10px;
a {
color: #018aff;
}
}
.con-mian {
display: table;
img {
vertical-align: middle;
}
}
.step1-img-w {
img {
width: 30%;
}
.step-arrow {
width: 5%;
}
}
.step2-img-w {
.step2-1 {
width: 23.5%;
}
.step2-2 {
width: 24.5%;
}
.step2-3 {
width: 41.5%;
}
.step-arrow {
width: 5%;
}
}
.step3-img-w {
img {
width: 30%;
}
.step-arrow {
width: 5%;
}
}
.step4-img-w {
img {
width: 21.25%;
}
.step-arrow {
width: 5%;
}
}
.step5-img-w {
.tip-txt {
width: 30%;
color: rgba(255, 41, 41, 1);
font-size: 18px;
display: inline-block;
}
img {
width: 30%;
margin-left: 3%;
}
}
.step6-img-w {
img {
width: 100%;
}
}
.step7-img-w {
.sbt {
overflow: hidden;
margin-top: 15px;
}
img {
float: left;
width: 12px;
height: 12px;
margin: 7px 5px 0 0;
}
.t {
float: left;
color: rgba(51, 51, 51, 1);
font-size: 18px;
}
a {
margin-left: 20px;
padding-top: 10px;
font-size: 18px;
color: rgba(1, 138, 255, 1);
display: block;
}
.tt {
font-size: 18px;
color: #333333;
margin-left: 20px;
line-height: 30px;
margin-top: 10px;
}
}
}
@media screen and (min-width: 1610px) {
.mian .content .txt-cont ul li .l {
width: 13%;
}
.mian .content .txt-cont ul li .li-txt div {
font-size: 20px;
}
.mian .content .txt-cont ul li.top .li-txt {
left: 13%;
}
}
@media screen and (max-width: 1610px) {
.mian .content .txt-cont ul li .li-txt div {
font-size: 16px;
}
}
.table {
width: 90%;
margin: 20px auto;
border-collapse: collapse;
text-align: center;
td,
th {
padding: 12px;
}
}
</style>
src/pages/tips/examinaTipsOnLine.vue
浏览文件 @ eae482e2
<template>
<div class="mian">
<div class="content fl">
<div class="title">考前须知</div>
<!-- <div class="title">考前须知</div> -->
<div class="content">
<div class="cont-left">
<div class="h2">关于高级财富管理师证书考试的有关事项通知</div>
<div class="explain">
<div class="txt" style="text-indent: 0">各位学员：</div>
<div class="txt">
为确保考试顺利有序进行，现将考试有关事项公示如下。请各位考生认真阅读，明确考试规则，遵守考试纪律，做好考前准备。
</div>
</div>
<div class="h2">考前须知</div>
<p>
为确保考试顺利有序进行，现将考试有关事项公示如下。请各位考生认真阅读，明确考试规则，遵守考试纪律，做好考前准备。
</p>
<div class="txt-cont" ref="catalog1" id="catalog1">
<div class="tits">考试时间</div>
<p>
考试定于<span style="color: red">2021年6月26日 10:00—11:00</span>
考试定于<span style="color: red">2021年6月27日 10:00—11:00</span>
举行，考生务必准时参加考试。（请合理安排时间，以免错过）。
</p>
</div>
......@@ -45,7 +42,7 @@
<div class="txt-cont" ref="catalog6" id="catalog6">
<div class="tits">试考</div>
<p>为确保考生顺利参加考试，将提前开启考试系统帮助考生进行设备调试以及熟悉考试的流程。</p>
<p style="color: red">1.试考时间：6月20日9:00-25日18:00</p>
<p style="color: red">1.试考时间：6月20日9:00-26日18:00</p>
<p>2.客服答疑：试考期间每天的8:00-19:00，有任何问题可通过页面右侧在线客服寻求帮助。</p>
<p>
3.特别提示：试考仅用于学员提前熟悉考试流程及考试系统功能，模拟试题与实际考试无关，测试结果不计入本次学习的考试成绩。
......@@ -151,24 +148,24 @@
<p>预祝大家考试顺利！</p>
</div>
</div>
</div>
<div :class="showClass" ref="suspension">
<div class="cont">
<div class="titl">
<img src="../../assets/images/lear-tips-micon.png" alt="" />
<div class="txt">目录导航</div>
<div :class="showClass" ref="suspension">
<div class="cont">
<div class="titl">
<img src="../../assets/images/lear-tips-micon.png" />
<div class="txt">目录导航</div>
</div>
<ul>
<template v-for="(item, index) in catalogList">
<li :key="index" :class="item.active" @click="clickScroll(item.id, index)">
<div class="name">{{ item.name }}</div>
<div class="prog">
<div class="pr1"></div>
<div class="pr2"></div>
</div>
</li>
</template>
</ul>
</div>
<ul>
<template v-for="(item, index) in catalogList">
<li :key="index" :class="item.active" @click="clickScroll(item.id, index)">
<div class="name">{{ item.name }}</div>
<div class="prog">
<div class="pr1"></div>
<div class="pr2"></div>
</div>
</li>
</template>
</ul>
</div>
</div>
</div>
......@@ -221,392 +218,3 @@ export default {
}
}
</script>
<style lang="scss" scoped>
.mian {
padding: 40px;
.content {
position: relative;
background: rgba(255, 255, 255, 1);
border-radius: 6px;
padding: 0 40px 30px 40px;
margin-bottom: 20px;
.title {
color: #333333;
font-size: 18px;
line-height: 65px;
border-bottom: 1px solid rgba(204, 204, 204, 1);
}
.cont-txt {
padding-bottom: 30px;
p {
font-size: 18px;
color: #666666;
line-height: 30px;
text-indent: 2em;
}
}
.new-h2 {
margin-top: 30px;
}
.h2 {
font-size: 35px;
color: #333333;
text-align: center;
padding: 10px 0;
}
.explain {
.tits {
font-size: 22px;
color: #333333;
}
.txt {
font-size: 18px;
color: rgba(51, 51, 51, 1);
line-height: 40px;
// width: 90%;
// margin: 0 auto;
text-indent: 2em;
}
}
.cont-left {
width: 75%;
}
.txt-cont {
margin-top: 20px;
.tits {
font-weight: bold;
font-size: 22px;
line-height: 40px;
width: 100%;
color: #333;
border-bottom: 1px solid #cccccc;
padding-top: 10px;
}
p {
text-align: justify;
color: rgba(51, 51, 51, 1);
font-size: 18px;
line-height: 35px;
margin-top: 15px;
width: 90%;
margin: 10px auto 0 auto;
text-indent: -0.8em;
}
.qr-code {
width: 35%;
display: block;
margin: 0 auto;
}
.img1 {
width: 80%;
display: block;
margin: 10px auto 0 auto;
}
.img2 {
width: 65%;
margin: 10px auto;
display: block;
}
.ind {
text-indent: 2em;
}
ul {
margin: 0 auto;
padding: 27px 0 0 0;
list-style: none;
li.top {
.li-txt {
position: absolute;
top: 55%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
left: 20%;
}
}
li:nth-child(2) {
.l {
opacity: 0.6;
}
}
li:nth-child(3) {
.l {
opacity: 0.7;
}
}
li:nth-child(4) {
.l {
opacity: 0.8;
}
}
li:nth-child(5) {
.l {
opacity: 0.9;
}
}
li {
position: relative;
width: 100%;
margin-bottom: 30px;
overflow: hidden;
.l {
position: relative;
float: left;
width: 20%;
opacity: 0.5;
img {
display: block;
width: 100%;
}
span {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
color: #fff;
font-size: 20px;
text-align: center;
white-space: nowrap;
}
}
.li-txt {
float: left;
width: 77%;
margin-left: 3%;
div {
font-size: 18px;
color: rgba(51, 51, 51, 1);
line-height: 30px;
}
}
}
}
}
}
.cont-right.susp {
position: fixed;
right: -40px;
top: 80px;
}
.cont-right {
position: absolute;
top: 150px;
right: 0;
width: 30%;
.cont {
width: 200px;
margin: 0 auto;
.titl {
width: 100%;
height: 73px;
background: url('../../assets/images/lear-tips-mbg.png');
background-size: 100% 100%;
}
.titl {
display: flex;
justify-content: center;
align-items: center;
img {
width: 28px;
height: 28px;
}
.txt {
color: rgba(255, 255, 255, 1);
font-size: 22px;
margin-left: 8px;
}
}
ul {
padding: 0;
li.active {
.name {
color: #2994ea;
}
.prog {
.pr1 {
background: #2994ea;
}
.pr2 {
background: #2994ea;
}
}
}
li {
display: flex;
list-style: none;
width: 164px;
margin: 0 auto 20px auto;
cursor: pointer;
.name {
font-size: 18px;
color: #999999;
}
.prog {
width: 86px;
margin-left: auto;
position: relative;
margin-top: 5px;
.pr1 {
position: absolute;
top: 8px;
right: 0;
width: 100%;
height: 1px;
background: #d8d8d8;
}
.pr2 {
position: absolute;
top: 0;
right: 0;
width: 16px;
height: 16px;
background: rgba(216, 216, 216, 1);
border-radius: 50%;
}
}
}
}
}
}
}
.exa-main {
.tip-t {
font-size: 22px;
color: #333333;
}
.padd-min-tit {
padding: 8px 0 0 0;
}
.min-tit {
color: rgba(51, 51, 51, 1);
font-size: 18px;
margin: 20px 0 20px 10px;
a {
color: #018aff;
}
}
.con-mian {
display: table;
img {
vertical-align: middle;
}
}
.step1-img-w {
img {
width: 30%;
}
.step-arrow {
width: 5%;
}
}
.step2-img-w {
.step2-1 {
width: 23.5%;
}
.step2-2 {
width: 24.5%;
}
.step2-3 {
width: 41.5%;
}
.step-arrow {
width: 5%;
}
}
.step3-img-w {
img {
width: 30%;
}
.step-arrow {
width: 5%;
}
}
.step4-img-w {
img {
width: 21.25%;
}
.step-arrow {
width: 5%;
}
}
.step5-img-w {
.tip-txt {
width: 30%;
color: rgba(255, 41, 41, 1);
font-size: 18px;
display: inline-block;
}
img {
width: 30%;
margin-left: 3%;
}
}
.step6-img-w {
img {
width: 100%;
}
}
.step7-img-w {
.sbt {
overflow: hidden;
margin-top: 15px;
}
img {
float: left;
width: 12px;
height: 12px;
margin: 7px 5px 0 0;
}
.t {
float: left;
color: rgba(51, 51, 51, 1);
font-size: 18px;
}
a {
margin-left: 20px;
padding-top: 10px;
font-size: 18px;
color: rgba(1, 138, 255, 1);
display: block;
}
.tt {
font-size: 18px;
color: #333333;
margin-left: 20px;
line-height: 30px;
margin-top: 10px;
}
}
}
@media screen and (min-width: 1610px) {
.mian .content .txt-cont ul li .l {
width: 13%;
}
.mian .content .txt-cont ul li .li-txt div {
font-size: 20px;
}
.mian .content .txt-cont ul li.top .li-txt {
left: 13%;
}
}
@media screen and (max-width: 1610px) {
.mian .content .txt-cont ul li .li-txt div {
font-size: 16px;
}
}
.table {
width: 90%;
margin: 20px auto;
border-collapse: collapse;
text-align: center;
td,
th {
padding: 12px;
}
}
</style>
src/pages/tips/learningTips.vue
浏览文件 @ eae482e2
......@@ -27,5 +27,4 @@ export default {
}
</script>
<style>
</style>
<style src="@/assets/css/xyxz.scss"></style>
src/pages/tips/learningTipsOffLine.vue
浏览文件 @ eae482e2
<template>
<div class="mian" ref="catalog1" id="catalog1">
<!-- <div class="title">学习须知</div> -->
<div class="content fl">
<div class="title">学习须知</div>
<div class="cont-left">
<div class="h2">学习须知</div>
<div class="explain">
<div class="tits">尊敬的学员：</div>
<div class="txt">
您好!欢迎参加中国银行业协会“高级财富管理师”证书培训项目。为顺利完成学习及考试，请您阅读以下事项。
</div>
<div class="txt">预祝大家学习愉快，学有所获！</div>
</div>
<p style="text-indent: 0">尊敬的学员：</p>
<p>您好!欢迎参加中国银行业协会“高级财富管理师”证书培训项目。为顺利完成学习及考试，请您阅读以下事项。</p>
<p>预祝大家学习愉快，学有所获！</p>
<div class="txt-cont" ref="catalog2" id="catalog2">
<div class="tits">班级管理</div>
<p>
......@@ -31,9 +27,13 @@
<div class="tits">我的学习</div>
<p>高级财富管理师证书学习内容包括：【教材学习】、【必修课程】、【拓展课程】，请按如下安排完成学习任务。</p>
<p>1.教材学习：《私人银行理论与实务》为唯一考试指定教材，请提前购买学习。</p>
<img src="../../assets/images/lear-tips-offline-code.png" class="img1" />
<div style="text-align: center">
<img src="../../assets/images/lear-tips-code.jpg" width="400" />
</div>
<p>2.必修课程：</p>
<img src="https://zws-imgs-pub.ezijing.com/static/public/2de142939eab076e258c6c9debad1c92.png" class="img1" />
<div style="text-align: center">
<img src="@/assets/images/lear-tips-plan.jpg" />
</div>
<p>
3.拓展课程：为帮助学员夯实金融基础，扩充财富管理知识储备，高级财富管理师证书培训项目开设丰富拓展课程，课程有效期1年，供学员考后持续学习。
</p>
......@@ -42,28 +42,28 @@
<div class="tits">我的考试</div>
<ul>
<li>
<img src="../../assets/images/lear-tips-icon.png" alt="" />
<img src="../../assets/images/lear-tips-icon.png" />
<div class="rtxt">考试时间：6月19日 17:00-18:00</div>
</li>
<li>
<img src="../../assets/images/lear-tips-icon.png" alt="" />
<img src="../../assets/images/lear-tips-icon.png" />
<div class="rtxt">考试形式：现场闭卷笔试</div>
</li>
<li>
<img src="../../assets/images/lear-tips-icon.png" alt="" />
<img src="../../assets/images/lear-tips-icon.png" />
<div class="rtxt">考试时长：60分钟</div>
</li>
<li>
<img src="../../assets/images/lear-tips-icon.png" alt="" />
<img src="../../assets/images/lear-tips-icon.png" />
<div class="rtxt">考试题型：单选+多选+判断</div>
</li>
<li>
<img src="../../assets/images/lear-tips-icon.png" alt="" />
<img src="../../assets/images/lear-tips-icon.png" />
<div class="rtxt">通过标准：完成面授课程，考试成绩60分以上符合认证标准予以发放证书</div>
</li>
<li>
<img src="../../assets/images/lear-tips-icon.png" alt="" />
<div class="rtxt">证书发放：邮寄证书</div>
<img src="../../assets/images/lear-tips-icon.png" />
<div class="rtxt">证书发放：纸质证书邮寄发放</div>
</li>
</ul>
</div>
......@@ -71,35 +71,39 @@
<div class="tits">证书查询</div>
<ul>
<li>
<img src="../../assets/images/lear-tips-icon.png" alt="" />
<img src="../../assets/images/lear-tips-icon.png" />
<div class="rtxt">
查询地址：<a href="http://www.ccbp.org.cn/qitachaxun">http://www.ccbp.org.cn/qitachaxun</a>
</div>
</li>
<li>
<img src="../../assets/images/lear-tips-icon.png" alt="" />
<img src="../../assets/images/lear-tips-icon.png" />
<div class="rtxt">查询方式:可通过输入姓名、证书编号或者身份证号任意两项进行查询。</div>
</li>
</ul>
<img src="../../assets/images/lear-tips-img2.png" alt="" class="img2" />
<div style="text-align: center">
<img src="../../assets/images/lear-tips-img2.png" />
</div>
</div>
<div class="txt-cont" ref="catalog6" id="catalog6">
<div class="tits">继续教育</div>
<p class="ind">
<p>
参照人社部令第25号《专业技术人员继续教育规定》和《中国银行业专业人员继续教育管理办法》，中银协“高级财富管理师”证书要求持证人员参加继续教育，在规定的周期里完成一定的继续教育学时要求，是该证书项目专业化、规范化管理的重要环节。
</p>
<p class="ind">
<p>
根据要求，获得本证书的持证学员，自获得证书的第二年开始继续教育学习，每自然年为一个继续教育周期，每个周期累计学时数不少于90学时。其中30指定学时中在中国银行业专业人员在线教育系统完成不少于20学时，10学时可通过中国银行业专业人员在线教育系统或参加银行业监管部门、中国银行业协会及各地银行业协（学、公）会、金融机构、大专院校以及其他合格教育培训机构组织的面授课程或网络培训完成；60自学实践学时通过参加其他自学或工作实践等学习完成。中国银行业专业人员在线教育系统网址：<a
href="http://ucollege.china-cbi.net/"
target="_blank"
>http://ucollege.china-cbi.net/</a
>；也可选择移动端学习，关注微信公众号：中银协在线教育。
</p>
<p class="ind">
<p>
持证学员累计两个周期未完成继续教育，将无法在中国银行业协会专业人员职业资格考试证书查询系统中查询到该证书，直至补齐所有继续教育学时为止。
</p>
<img src="../../assets/images/lear-tips-img5.png" class="img2" />
<img src="../../assets/images/lear-tips-img3.png" class="img2" />
<div style="text-align: center">
<img src="../../assets/images/lear-tips-img5.png" width="90%" />
<img src="../../assets/images/lear-tips-img3.png" width="90%" />
</div>
<table border="1" class="table">
<tr>
<th>类型</th>
......@@ -127,13 +131,13 @@
</tr>
</table>
<p class="ind">
<p>
截至2021年3月，系统累计提供网络学习课程332门，884学时，为行业人员打造了高质量的网络学习平台。课程内容专业权威，主要围绕监管动向，银行业和金融业的行业发展热点展开，内容丰富。课程体系系统全面，包括9大核心模块，例如政策法规、个人金融、公司金融、创新业务、风险管理、通用技能和健康生活，还包括近年来行业热点私人银行与财富管理、客户服务与开发等。学员5星评价占比持续保持在90%以上，4星以上评价占比持续保持在97%以上。
</p>
</div>
<div class="txt-cont" ref="catalog7" id="catalog7">
<div class="tits">交流平台</div>
<p class="ind">
<p>
【高级财富管理师俱乐部】公众号是“高级财富管理师”持证学员交流学习的平台，公众号主要有培训项目动态更新、行业资讯信息发布、行业经验分享、大咖访谈论道、优秀学员介绍以及继续教育学习等内容。
</p>
<div style="text-align: center"><img src="../../assets/images/lear-tips-img4.png" /></div>
......@@ -235,208 +239,3 @@ export default {
}
}
</script>
<style lang="scss" scoped>
.mian {
padding: 40px;
.content {
position: relative;
background: rgba(255, 255, 255, 1);
border-radius: 6px;
padding: 0 40px 30px 40px;
.title {
color: #333333;
font-size: 18px;
line-height: 65px;
border-bottom: 1px solid rgba(204, 204, 204, 1);
font-weight: bold;
}
.cont-txt {
padding-bottom: 30px;
p {
font-size: 18px;
color: #666666;
line-height: 30px;
text-indent: 2em;
}
}
.h2 {
font-size: 35px;
color: #333333;
text-align: center;
padding: 10px 0;
font-weight: bold;
}
.explain {
.tits {
font-size: 22px;
color: #333333;
font-weight: bold;
}
.txt {
font-size: 18px;
color: rgba(51, 51, 51, 1);
line-height: 40px;
width: 90%;
margin: 0 auto;
}
}
.cont-left {
width: 75%;
}
.txt-cont {
margin-top: 20px;
.tits {
font-size: 22px;
line-height: 40px;
width: 100%;
color: #333;
border-bottom: 1px solid #cccccc;
font-weight: bold;
}
p {
text-align: justify;
color: rgba(51, 51, 51, 1);
font-size: 18px;
line-height: 40px;
margin-top: 10px;
width: 90%;
margin: 10px auto 0 auto;
}
.qr-code {
width: 35%;
display: block;
margin: 0 auto;
}
.img1 {
max-width: 80%;
display: block;
margin: 10px auto 0 auto;
}
.img2 {
width: 90%;
margin: 10px auto;
display: block;
}
.ind {
text-indent: 2em;
}
ul {
margin: 5px auto;
li {
margin-top: 15px;
display: flex;
img {
width: 12px;
height: 12px;
margin-top: 8px;
}
.rtxt {
color: #333333;
font-size: 18px;
margin-left: 5px;
a {
color: #3d7ad7;
}
}
}
}
}
.cont-right.susp {
position: fixed;
right: -10px;
top: 80px;
}
.cont-right {
position: absolute;
top: 80px;
right: 0;
width: 30%;
.cont {
width: 200px;
margin: 0 auto;
.titl {
width: 100%;
height: 73px;
background: url('../../assets/images/lear-tips-mbg.png');
background-size: 100% 100%;
}
.titl {
display: flex;
justify-content: center;
align-items: center;
img {
width: 28px;
height: 28px;
}
.txt {
color: rgba(255, 255, 255, 1);
font-size: 22px;
margin-left: 8px;
}
}
ul {
padding: 0;
li.active {
.name {
color: #2994ea;
}
.prog {
.pr1 {
background: #2994ea;
}
.pr2 {
background: #2994ea;
}
}
}
li {
display: flex;
list-style: none;
width: 164px;
margin: 0 auto 20px auto;
cursor: pointer;
.name {
font-size: 18px;
color: #999999;
}
.prog {
width: 86px;
margin-left: auto;
position: relative;
margin-top: 5px;
.pr1 {
position: absolute;
top: 8px;
right: 0;
width: 100%;
height: 1px;
background: #d8d8d8;
}
.pr2 {
position: absolute;
top: 0;
right: 0;
width: 16px;
height: 16px;
background: rgba(216, 216, 216, 1);
border-radius: 50%;
}
}
}
}
}
}
}
}
.table {
width: 90%;
margin: 20px auto;
border-collapse: collapse;
text-align: center;
td,
th {
padding: 12px;
}
}
</style>
src/pages/tips/learningTipsOnLine.vue
浏览文件 @ eae482e2
<template>
<div class="mian" ref="catalog1" id="catalog1">
<div class="content fl">
<div class="title">学习须知</div>
<!-- <div class="title">学习须知</div> -->
<div class="content">
<div class="cont-left">
<div class="h2">学习须知</div>
<div class="explain">
<div class="tits">尊敬的学员：</div>
<div class="txt">
您好!欢迎您参加中国银行业协会“高级财富管理师”证书培训项目。为顺利完成学习及考试，请您阅读以下事项。预祝大家学习愉快，学有所获！
</div>
</div>
<p style="text-indent: 0">尊敬的学员：</p>
<p>
您好!欢迎您参加中国银行业协会“高级财富管理师”证书培训项目。为顺利完成学习及考试，请您阅读以下事项。预祝大家学习愉快，学有所获！
</p>
<div class="txt-cont" ref="catalog2" id="catalog2">
<div class="tits">班级管理</div>
<p>
......@@ -17,7 +15,9 @@
</p>
<p>2.认真阅读“学习须知-我的学习”完整内容，提前做好个人工作及生活安排，保证充足学习及备考时间。</p>
<p>3.《私人银行理论与实务》为唯一考试指定教材，请提前购买学习。</p>
<img src="../../assets/images/lear-tips-code.png" alt="" class="qr-code" />
<div style="text-align: center">
<img src="../../assets/images/lear-tips-code.jpg" width="400" />
</div>
<p>
4.必修课程直播期间，请按时进入课堂，不迟到、不早退；因故不能出席者，需提前向班主任申请；必修课学习为获取证书的必要条件，缺课学员请通过课程回放完成学习，课程回放周期为30天。出于内部资料保护的考虑，必修课电子课件资料与授课演示版内容会有细微差异，请大家理解。
</p>
......@@ -35,11 +35,9 @@
1.教材学习：建议学习周期4星期，请按照【我的学习-教材学习-学习计划】充分备考；学习中遇到问题，可通过【我的学习-教材学习-教材提问】上传问题，学习导师会定时予以解答。
</p>
<p>2.必修课程：</p>
<img
src="https://zws-imgs-pub.ezijing.com/static/public/2de142939eab076e258c6c9debad1c92.png"
alt=""
class="img1"
/>
<div style="text-align: center">
<img src="@/assets/images/lear-tips-plan.jpg" />
</div>
<p>
3.拓展课程：为帮助学员夯实金融基础，扩充财富管理知识储备，高级财富管理师证书培训项目开设丰富拓展课程，课程有效期1年，供学员考后持续学习。
</p>
......@@ -48,27 +46,27 @@
<div class="tits">我的考试</div>
<ul>
<li>
<img src="../../assets/images/lear-tips-icon.png" alt="" />
<div class="rtxt">考试时间：6月26日 10:00-11:00</div>
<img src="../../assets/images/lear-tips-icon.png" />
<div class="rtxt">考试时间：6月27日 10:00-11:00</div>
</li>
<li>
<img src="../../assets/images/lear-tips-icon.png" alt="" />
<img src="../../assets/images/lear-tips-icon.png" />
<div class="rtxt">考试形式：闭卷机考，仅限电脑登陆（手机/平板电脑无法进入考试系统）</div>
</li>
<li>
<img src="../../assets/images/lear-tips-icon.png" alt="" />
<img src="../../assets/images/lear-tips-icon.png" />
<div class="rtxt">考试时长：60分钟</div>
</li>
<li>
<img src="../../assets/images/lear-tips-icon.png" alt="" />
<img src="../../assets/images/lear-tips-icon.png" />
<div class="rtxt">考试题型：单选+多选+判断</div>
</li>
<li>
<img src="../../assets/images/lear-tips-icon.png" alt="" />
<img src="../../assets/images/lear-tips-icon.png" />
<div class="rtxt">通过标准：完成必修课程，考试成绩60分以上符合认证标准予以发放证书</div>
</li>
<li>
<img src="../../assets/images/lear-tips-icon.png" alt="" />
<img src="../../assets/images/lear-tips-icon.png" />
<div class="rtxt">证书发放：纸质证书邮寄发放</div>
</li>
</ul>
......@@ -77,35 +75,39 @@
<div class="tits">证书查询</div>
<ul>
<li>
<img src="../../assets/images/lear-tips-icon.png" alt="" />
<img src="../../assets/images/lear-tips-icon.png" />
<div class="rtxt">
查询地址：<a href="http://www.ccbp.org.cn/qitachaxun">http://www.ccbp.org.cn/qitachaxun</a>
</div>
</li>
<li>
<img src="../../assets/images/lear-tips-icon.png" alt="" />
<img src="../../assets/images/lear-tips-icon.png" />
<div class="rtxt">查询方式:可通过输入姓名、证书编号或者身份证号任意两项进行查询。</div>
</li>
</ul>
<img src="../../assets/images/lear-tips-img2.png" alt="" class="img2" />
<div style="text-align: center">
<img src="../../assets/images/lear-tips-img2.png" />
</div>
</div>
<div class="txt-cont" ref="catalog6" id="catalog6">
<div class="tits">继续教育</div>
<p class="ind">
<p>
参照人社部令第25号《专业技术人员继续教育规定》和《中国银行业专业人员继续教育管理办法》，中银协“高级财富管理师”证书要求持证人员参加继续教育，在规定的周期里完成一定的继续教育学时要求，是该证书项目专业化、规范化管理的重要环节。
</p>
<p class="ind">
<p>
根据要求，获得本证书的持证学员，自获得证书的第二年开始继续教育学习，每自然年为一个继续教育周期，每个周期累计学时数不少于90学时。其中30指定学时中在中国银行业专业人员在线教育系统完成不少于20学时，10学时可通过中国银行业专业人员在线教育系统或参加银行业监管部门、中国银行业协会及各地银行业协（学、公）会、金融机构、大专院校以及其他合格教育培训机构组织的面授课程或网络培训完成；60自学实践学时通过参加其他自学或工作实践等学习完成。中国银行业专业人员在线教育系统网址：<a
href="http://ucollege.china-cbi.net/"
target="_blank"
>http://ucollege.china-cbi.net/</a
>；也可选择移动端学习，关注微信公众号：中银协在线教育。
</p>
<p class="ind">
<p>
持证学员累计两个周期未完成继续教育，将无法在中国银行业协会专业人员职业资格考试证书查询系统中查询到该证书，直至补齐所有继续教育学时为止。
</p>
<img src="../../assets/images/lear-tips-img5.png" class="img2" />
<img src="../../assets/images/lear-tips-img3.png" class="img2" />
<div style="text-align: center">
<img src="../../assets/images/lear-tips-img5.png" width="90%" />
<img src="../../assets/images/lear-tips-img3.png" width="90%" />
</div>
<table border="1" class="table">
<tr>
<th>类型</th>
......@@ -133,13 +135,13 @@
</tr>
</table>
<p class="ind">
<p>
截至2021年3月，系统累计提供网络学习课程332门，884学时，为行业人员打造了高质量的网络学习平台。课程内容专业权威，主要围绕监管动向，银行业和金融业的行业发展热点展开，内容丰富。课程体系系统全面，包括9大核心模块，例如政策法规、个人金融、公司金融、创新业务、风险管理、通用技能和健康生活，还包括近年来行业热点私人银行与财富管理、客户服务与开发等。学员5星评价占比持续保持在90%以上，4星以上评价占比持续保持在97%以上。
</p>
</div>
<div class="txt-cont" ref="catalog7" id="catalog7">
<div class="tits">交流平台</div>
<p class="ind">
<p>
【高级财富管理师俱乐部】公众号是“高级财富管理师”持证学员交流学习的平台，公众号主要有培训项目动态更新、行业资讯信息发布、行业经验分享、大咖访谈论道、优秀学员介绍以及继续教育学习等内容。
</p>
<div style="text-align: center"><img src="../../assets/images/lear-tips-img4.png" /></div>
......@@ -241,208 +243,3 @@ export default {
}
}
</script>
<style lang="scss" scoped>
.mian {
padding: 40px;
.content {
position: relative;
background: rgba(255, 255, 255, 1);
border-radius: 6px;
padding: 0 40px 30px 40px;
.title {
color: #333333;
font-size: 18px;
line-height: 65px;
border-bottom: 1px solid rgba(204, 204, 204, 1);
font-weight: bold;
}
.cont-txt {
padding-bottom: 30px;
p {
font-size: 18px;
color: #666666;
line-height: 30px;
text-indent: 2em;
}
}
.h2 {
font-size: 35px;
color: #333333;
text-align: center;
padding: 10px 0;
font-weight: bold;
}
.explain {
.tits {
font-size: 22px;
color: #333333;
font-weight: bold;
}
.txt {
font-size: 18px;
color: rgba(51, 51, 51, 1);
line-height: 40px;
width: 90%;
margin: 0 auto;
}
}
.cont-left {
width: 75%;
}
.txt-cont {
margin-top: 20px;
.tits {
font-size: 22px;
line-height: 40px;
width: 100%;
color: #333;
border-bottom: 1px solid #cccccc;
font-weight: bold;
}
p {
text-align: justify;
color: rgba(51, 51, 51, 1);
font-size: 18px;
line-height: 40px;
margin-top: 10px;
width: 90%;
margin: 10px auto 0 auto;
}
.qr-code {
width: 35%;
display: block;
margin: 0 auto;
}
.img1 {
width: 80%;
display: block;
margin: 10px auto 0 auto;
}
.img2 {
width: 90%;
margin: 10px auto;
display: block;
}
.ind {
text-indent: 2em;
}
ul {
margin: 5px auto;
li {
margin-top: 15px;
display: flex;
img {
width: 12px;
height: 12px;
margin-top: 8px;
}
.rtxt {
color: #333333;
font-size: 18px;
margin-left: 5px;
a {
color: #3d7ad7;
}
}
}
}
}
.cont-right.susp {
position: fixed;
right: -10px;
top: 80px;
}
.cont-right {
position: absolute;
top: 80px;
right: 0;
width: 30%;
.cont {
width: 200px;
margin: 0 auto;
.titl {
width: 100%;
height: 73px;
background: url('../../assets/images/lear-tips-mbg.png');
background-size: 100% 100%;
}
.titl {
display: flex;
justify-content: center;
align-items: center;
img {
width: 28px;
height: 28px;
}
.txt {
color: rgba(255, 255, 255, 1);
font-size: 22px;
margin-left: 8px;
}
}
ul {
padding: 0;
li.active {
.name {
color: #2994ea;
}
.prog {
.pr1 {
background: #2994ea;
}
.pr2 {
background: #2994ea;
}
}
}
li {
display: flex;
list-style: none;
width: 164px;
margin: 0 auto 20px auto;
cursor: pointer;
.name {
font-size: 18px;
color: #999999;
}
.prog {
width: 86px;
margin-left: auto;
position: relative;
margin-top: 5px;
.pr1 {
position: absolute;
top: 8px;
right: 0;
width: 100%;
height: 1px;
background: #d8d8d8;
}
.pr2 {
position: absolute;
top: 0;
right: 0;
width: 16px;
height: 16px;
background: rgba(216, 216, 216, 1);
border-radius: 50%;
}
}
}
}
}
}
}
}
.table {
width: 90%;
margin: 20px auto;
border-collapse: collapse;
text-align: center;
td,
th {
padding: 12px;
}
}
</style>
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论