Skip to content

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

bug fixes

上级 76e29928
全部展开 显示空白字符变更
内嵌 并排
正在显示 包含 75 行增加 和 52 行删除
src/pages/hall/components/schoolHelp.vue
浏览文件 @ d9e189c7
......@@ -94,9 +94,12 @@ export default {
},
methods: {
pointScroll(){
console.log($(`#point${this.$route.query.point}`), '123')
if (this.$route.query.point !== undefined) {
$('html, body').animate({
scrollTop: $(`#point${this.$route.query.point}`).offset().top
}, 300)
}
},
goPage(path, n) {
if (n) {
......@@ -124,8 +127,9 @@ export default {
}
},
watch: {
$route: {
'$route': {
handler: function(val, oldVal){
// 'pointScroll'
this.pointScroll()
},
deep: true
......
src/pages/hall/components/teacherHelp.vue
浏览文件 @ d9e189c7
<template>
<div class="teacher-box">
<div class="module1 content-max-width" id="pointt0">
<img src="https://zws-imgs-pub.ezijing.com/static/public/895216245db6e0fa6551d61a3a5de958.png" alt="">
<img class="mar-t16" src="https://zws-imgs-pub.ezijing.com/static/public/1b9f08b595bc674a2f26f58a14b7c974.png" alt="">
<img src="https://zws-imgs-pub.ezijing.com/static/public/895216245db6e0fa6551d61a3a5de958.png" alt="" />
<img
class="mar-t16"
src="https://zws-imgs-pub.ezijing.com/static/public/1b9f08b595bc674a2f26f58a14b7c974.png"
alt=""
/>
<!-- <div class="title">师资培训报名</div>
<div class="p">紫荆教育计划2021年共开展9期针对“金融产品数字化营销职业技能等级证书”的师资培训，具体安排如下：</div>
<img style="width:30%;display:block;margin:0 auto;" src="https://zws-imgs-pub.ezijing.com/static/public/50ce208136ab7e9c023450940d94fb14.png" alt="">
......@@ -58,7 +62,7 @@
</div> -->
<div class="title mar-t36-b26" id="pointt1">师资学习平台</div>
<div class="item">
<img src="https://zws-imgs-pub.ezijing.com/static/public/0e01f2de1b44db0e612e1638cc087517.png" alt="">
<img src="https://zws-imgs-pub.ezijing.com/static/public/0e01f2de1b44db0e612e1638cc087517.png" alt="" />
<div class="content">
<div class="text">
紫荆教育为师生精心打造综合一体化学习平台，可实现考核体系的标准化，数据资源的统一化，师资学习的多元化，以及学习管理的系统化，最终形成学、练、训、考、评、管一体的数字化营销学习平台。
......@@ -77,7 +81,11 @@
</div> -->
<div class="title mar-t36-b16" id="pointt2">授权师资名单</div>
<div class="cert-box">
<img style="margin: 0 16px" src="https://zws-imgs-pub.ezijing.com/static/public/0b0412a8f5673b0bde98a2c57949f641.png" alt="">
<img
style="margin: 0 16px"
src="https://zws-imgs-pub.ezijing.com/static/public/0b0412a8f5673b0bde98a2c57949f641.png"
alt=""
/>
<div class="content">
<div class="text">
紫荆教育1+X金融产品数字化营销职业技能等级证书师资培训为期3天，培训结束后一周内，公布授权师资名单。随后将结业证书邮寄到老师所在院校。
......@@ -92,7 +100,7 @@
<div class="title">开班授课</div>
<div class="item">
<div class="item">
<img src="https://zws-imgs-pub.ezijing.com/static/public/4da0818309b5b8f6ff494ae428dd24e0.png" alt="">
<img src="https://zws-imgs-pub.ezijing.com/static/public/4da0818309b5b8f6ff494ae428dd24e0.png" alt="" />
<div class="content">
<div class="text">
获得培训资质后，老师可使用紫荆教育学习系统的辅助教学功能，完成对学生的授课教学。学习系统支持视频课程教学播放、PPT课程讲义播放、管理班级学员和开班课、了解进度等功能。
......@@ -123,10 +131,15 @@ export default {
}
},
methods: {
pointScroll(){
$('html, body').animate({
pointScroll() {
if (this.$route.query.point !== undefined) {
$('html, body').animate(
{
scrollTop: $(`#point${this.$route.query.point}`).offset().top
}, 500)
},
500
)
}
},
goPage(path, n) {
if (n) {
......@@ -156,7 +169,8 @@ export default {
},
watch: {
$route: {
handler: function(val, oldVal){
handler: function(val, oldVal) {
// 'pointScroll'
this.pointScroll()
},
deep: true
......@@ -165,14 +179,14 @@ export default {
}
</script>
<style lang="scss" scoped>
.content-max-width{
.content-max-width {
width: 1200px;
margin: 0 auto;
}
.all-btn{
.all-btn {
width: 104px;
height: 40px;
background: linear-gradient(315deg, rgba(225, 47, 116, 0.83) 0%, #C01540 100%);
background: linear-gradient(315deg, rgba(225, 47, 116, 0.83) 0%, #c01540 100%);
border-radius: 4px;
text-align: center;
line-height: 40px;
......@@ -180,150 +194,150 @@ export default {
font-size: 14px;
cursor: pointer;
}
.mar-t16{
.mar-t16 {
margin-top: 16px;
}
.teacher-box{
.module1{
.teacher-box {
.module1 {
padding: 36px 0;
.new-liu{
.new-liu {
padding-top: 16px;
.title{
.title {
font-size: 18px;
color: rgba(63, 63, 63, 1);
}
.new-p{
.new-p {
line-height: 36px;
color: rgba(157, 157, 157, 1);
font-size: 18px;
span{
span {
color: rgba(0, 133, 232, 1);
cursor: pointer;
}
}
}
.title{
.title {
font-weight: bold;
color: #333333;
line-height: 33px;
font-size: 24px;
&.mar-t36-b26{
&.mar-t36-b26 {
margin: 36px 0 26px;
}
}
.p{
.p {
font-size: 18px;
color: #666666;
line-height: 36px;
margin: 16px 0;
}
.p1{
.p1 {
margin: 16px 0;
display: flex;
align-items: center;
.color-c{
.color-c {
line-height: 30px;
color: #666666;
font-size: 18px;
}
span{
span {
font-size: 18px;
font-weight: bold;
color: #222222;
line-height: 30px;
}
}
.item{
.item {
display: flex;
img{
img {
width: 326px;
height: 180px;
}
.content{
.content {
margin-left: auto;
width: 790px;
.text{
.text {
font-size: 18px;
color: #666666;
line-height: 36px;
}
.all-btn{
.all-btn {
margin-top: 16px;
}
}
}
}
.module2{
.module2 {
background: #fff;
padding: 36px 0;
.title{
.title {
font-size: 24px;
font-weight: bold;
color: #333333;
line-height: 33px;
&.mar-t36-b16{
&.mar-t36-b16 {
margin: 0px 0 16px;
}
}
.p{
.p {
font-size: 18px;
color: #666666;
line-height: 36px;
margin: 16px 0;
}
.p1{
.p1 {
margin: 16px 0;
display: flex;
align-items: center;
.color-c{
.color-c {
line-height: 30px;
color: #666666;
font-size: 18px;
}
span{
span {
font-size: 18px;
font-weight: bold;
color: #222222;
line-height: 30px;
}
}
.cert-box{
.cert-box {
display: flex;
align-items: center;
img{
img {
// width: 230px;
// height: 145px;
}
.text{
.text {
font-size: 18px;
color: #666666;
margin-left: 80px;
}
}
}
.module3{
.module3 {
padding: 72px 0;
.title{
.title {
font-size: 24px;
font-weight: bold;
color: #333333;
line-height: 33px;
}
.item{
.item {
margin-top: 20px;
display: flex;
img{
img {
width: 326px;
height: 180px;
}
.content{
.content {
margin-left: 76px;
.text{
.text {
font-size: 18px;
color: #666666;
line-height: 36px;
}
.all-btn{
.all-btn {
margin-top: 16px;
}
}
......
src/pages/hall/index.vue
浏览文件 @ d9e189c7
......@@ -101,9 +101,9 @@
</ul>
</div>
</div>
<student-help v-show="offsetTabIndex == 0"></student-help>
<teacher-help v-show="offsetTabIndex == 1"></teacher-help>
<school-help v-show="offsetTabIndex == 2"></school-help>
<student-help ref="help" v-show="offsetTabIndex == 0"></student-help>
<teacher-help ref="help" v-show="offsetTabIndex == 1"></teacher-help>
<school-help ref="help" v-show="offsetTabIndex == 2"></school-help>
<vue-passport ref="passport" @ready="onReady" :options="options"></vue-passport>
</div>
</template>
......@@ -346,6 +346,7 @@ export default {
this.$router.push({
path: path
})
this.$refs.help.pointScroll()
}
}
},
......
src/router/index.js
浏览文件 @ d9e189c7
......@@ -8,7 +8,11 @@ export default new Router({
routes,
mode: 'history', // 还有一个 hash 默认
fallback: true, // 浏览器不支持 history时，自动改成 hash方式
scrollBehavior (to, from, savedPosition) {
scrollBehavior(to, from, savedPosition) {
return { x: 0, y: 0 }
}
})
const originalPush = Router.prototype.push
Router.prototype.push = function push(location) {
return originalPush.call(this, location).catch(err => err)
}
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论