Skip to content

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

项目优化

上级 6d89d5da
全部展开 隐藏空白字符变更
内嵌 并排
正在显示 包含 111 行增加 和 19 行删除
src/components/layout/Footer.vue
浏览文件 @ c28ccf6b
......@@ -6,17 +6,70 @@
<router-link to="/" class="app-footer-logo">
<img src="@/assets/images/logo_white.png" />
</router-link>
<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 class="app-footer-left__bottom">
<div>
<div class="tit">友情链接</div>
<div class="con">
<a href="http://www.cbirc.gov.cn/cn/view/pages/index/index.html" target="_blank">
<div class="con_link">中国银行保险监督管理委员会</div>
</a>
<a href="http://www.moe.gov.cn/" target="_blank">
<div class="con_link">中国教育部</div>
</a>
<a href="https://www.pbcsf.tsinghua.edu.cn/" target="_blank">
<div class="con_link">清华大学五道口金融学院</div>
</a>
<a href="https://www.ezijing.com/" target="_blank">
<div class="con_link">紫荆教育</div>
</a>
<a href="https://paa.ezijing.com/" target="_blank">
<div class="con_link">紫荆金保</div>
</a>
</div>
</div>
<div>
<div class="tit">项目产品</div>
<div class="con">
<a href="https://prp.ezijing.com/" target="_blank">
<div class="con_link">PRP私人财务风险管理顾问</div>
</a>
<a href="https://paa.ezijing.com/" target="_blank">
<div class="con_link">PAA私人资产分析师</div>
</a>
</div>
</div>
<div>
<div class="tit">联系我们</div>
<div class="con">
<dl>
<dt>地址</dt>
<dd>
北京市海淀区中关村东路1号院清华科技园7号楼威盛大厦5层<br />&nbsp;&nbsp;&nbsp;&nbsp;深圳市福田区博今商务广场A座22层
</dd>
</dl>
<dl>
<dt>邮箱</dt>
<dd><a href="mailto:THHZJFI@ezijing.com" class="mail">THHZJFI@ezijing.com</a></dd>
</dl>
<!-- <div class="con_link">
地 址：北京市海淀区中关村东路1号院清华科技园7号楼5层
<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;深圳市福田区博今商务广场A座22层
</div>
<div class="con_link">邮箱：THHZJFI@ezijing.com</div> -->
</div>
</div>
</div>
<!-- pc -->
<div class="app-footer-link app-footer-link-pc">
<!-- <div class="app-footer-link app-footer-link-pc">
<ul class="app-footer-link-item">
<li>清控紫荆金融保险学院</li>
<li>清控紫荆金融保险研究院</li>
</ul>
</div>
</div> -->
</div>
<div class="app-footer-contact">
<!-- <div class="app-footer-contact">
<h2>联系我们</h2>
<dl>
<dt>地址</dt>
......@@ -26,7 +79,7 @@
<dt>邮箱</dt>
<dd><a href="mailto:service@ezijing.com" class="mail">service@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" />
<div class="app-footer-qrcode-content">
......@@ -90,6 +143,46 @@
}
}
}
.app-footer-left__bottom {
display: flex;
justify-content: space-between;
.tit {
font-size: 16px;
color: #ffffff;
font-weight: 500;
}
.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: 60px;
text-align-last: justify;
white-space: nowrap;
font-size: 14px;
line-height: 32px;
color: #ffffff;
font-weight: 300;
}
dd {
&::before {
content: '：';
}
}
}
}
.app-footer-link {
display: flex;
}
......@@ -124,7 +217,8 @@
}
}
.app-footer-qrcode {
margin-left: 10px;
margin-left: 99px;
margin-top: 72px;
}
.app-footer-qrcode-content {
display: flex;
......
src/modules/home/components/Banner.vue
浏览文件 @ c28ccf6b
......@@ -22,6 +22,7 @@
<style lang="scss">
.banner {
width: 100%;
background: url('https://webapp-pub.ezijing.com/project_online/paa/banner.jpg') no-repeat center;
background-size: 100% 100%;
height: 700px;
......
src/modules/home/components/ExamProcess.vue
浏览文件 @ c28ccf6b
......@@ -16,11 +16,10 @@
<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%;
box-sizing: border-box;
.main_con {
padding: 84px 0 127px 0;
padding: 70px 0 71px 0;
margin: auto;
text-align: center;
.con_tit {
......@@ -46,7 +45,7 @@
}
}
.con_img {
margin-top: 83px;
margin-top: 50px;
}
}
}
......
src/modules/home/components/Teacher.vue
浏览文件 @ c28ccf6b
......@@ -155,7 +155,6 @@ function next(swiper) {
@swiper="swiper => (swiper2 = swiper)"
>
<SwiperSlide v-for="(item, index) in list2" :key="index" class="teacher-item1">
<!-- <img :src="item.avatar" /> -->
<h3>{{ item.name }}</h3>
<ol v-if="item.children?.length">
<li v-for="item in item.children" :key="item">{{ item }}</li>
......@@ -171,10 +170,11 @@ function next(swiper) {
<style lang="scss" scoped>
.section {
width: 100%;
--section-title-color: #fff;
--section-title-dot-bgcolor: #fff;
--section-title-dot-border-color: #fff;
background: url('https://webapp-pub.ezijing.com/project_online/fi/teacher_bg.jpg') no-repeat center;
background: url('https://webapp-pub.ezijing.com/project_online/paa/teacher_bg.jpg') no-repeat center;
background-size: 100% 100%;
}
.section-title {
......@@ -182,14 +182,15 @@ function next(swiper) {
}
.section__inner {
position: relative;
max-width: 1200px;
min-height: 1080px;
max-width: 1180px;
min-height: 906px;
margin: 0 auto;
box-sizing: border-box;
}
.con_tit {
display: flex;
justify-content: center;
padding-top: 84px;
padding-top: 70px;
.tit_icon {
width: 40px;
height: 13px;
......@@ -210,10 +211,9 @@ function next(swiper) {
}
}
.subtitle {
margin: 60px 0 30px;
margin: 50px 0 30px;
font-size: 24px;
font-weight: 500;
line-height: 34px;
color: #ffffff;
text-align: center;
}
......@@ -221,8 +221,6 @@ function next(swiper) {
--swiper-navigation-size: 34px;
--swiper-navigation-color: #fff;
position: relative;
margin-top: 20px;
margin-bottom: 60px;
:deep(.swiper-button-prev) {
left: -40px;
......
src/modules/home/views/Index.vue
浏览文件 @ c28ccf6b
......@@ -15,9 +15,9 @@ import Teacher from '../components/Teacher.vue'
<Banner></Banner>
<Main></Main>
<ProjectSystem></ProjectSystem>
<Teacher></Teacher>
<Course></Course>
<ExamProcess></ExamProcess>
<Teacher></Teacher>
</template>
<style lang="scss">
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论