mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git
synced 2025-12-10 03:16:42 +08:00
首页页面
This commit is contained in:
@@ -47,6 +47,12 @@
|
||||
color: #333333;
|
||||
line-height: 22px;
|
||||
}
|
||||
.portal-index-title{
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
color: #00253E;
|
||||
line-height: 22px;
|
||||
}
|
||||
.portal-summary-text{ // 问答详情
|
||||
font-size: 14px;
|
||||
font-family: PingFangSC-Regular, PingFang SC;
|
||||
|
||||
@@ -21,7 +21,11 @@
|
||||
},
|
||||
width:{
|
||||
type:String,
|
||||
default:'200px'
|
||||
default:'40px'
|
||||
},
|
||||
height:{
|
||||
type:String,
|
||||
default:'40px'
|
||||
},
|
||||
sex:{
|
||||
type:Number,
|
||||
@@ -86,8 +90,8 @@
|
||||
}
|
||||
.uavatar{
|
||||
// border: 1px solid #73adfe;
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
// width: 28px;
|
||||
// height: 28px;
|
||||
// background: #d9e9ff;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
||||
@@ -248,7 +248,7 @@
|
||||
</el-menu-item> -->
|
||||
</el-submenu>
|
||||
<el-menu-item index="/user/Mynotes" v-show="curIdentity == 1">
|
||||
<svg-icon icon-class="mybiji"></svg-icon>
|
||||
<svg-icon :icon-class="activeMenu == '/user/Mynotes'?'mybiji-active':'mybiji'"></svg-icon>
|
||||
<span slot="title">我的笔记</span>
|
||||
</el-menu-item>
|
||||
<el-menu-item index="/user/myassess" v-show="curIdentity == 1">
|
||||
@@ -273,7 +273,8 @@
|
||||
</el-submenu>
|
||||
<el-menu-item index="/article/mylist" v-show="curIdentity == 1">
|
||||
<!-- <i class="el-icon-menu"></i> -->
|
||||
<svg-icon :icon-class="activeMenu == '/user/favorites'?'myart':'myart-active'"></svg-icon>
|
||||
<svg-icon :icon-class="activeMenu == '/article/mylist'?'myart-active':'myart'"></svg-icon>
|
||||
<!-- <svg-icon icon-class="myart"></svg-icon> -->
|
||||
<span slot="title">我的文章</span>
|
||||
</el-menu-item>
|
||||
<el-submenu index="/article/contactme" v-show="curIdentity == 1">
|
||||
|
||||
14
src/icons/svg/crown.svg
Normal file
14
src/icons/svg/crown.svg
Normal file
@@ -0,0 +1,14 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="16px" height="14px" viewBox="0 0 16 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<title>编组 32</title>
|
||||
<g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="1.首页" transform="translate(-155.000000, -1574.000000)" fill="#387DF7" fill-rule="nonzero">
|
||||
<g id="编组-32" transform="translate(146.000000, 1569.000000)">
|
||||
<g id="renqibang" transform="translate(9.000000, 5.000000)">
|
||||
<path d="M3.56313537,11.5142575 L9.1206715,8.02953218 C9.36099738,7.8793285 9.45111959,7.57892115 9.36099738,7.33859526 L7.79887912,3.28309592 C7.73879765,3.10285151 7.43839029,3.10285151 7.37830882,3.28309592 L6.89765705,4.6048883 C6.71741263,5.08554007 6.17667939,5.32586596 5.69602761,5.11558081 L3.14256507,4.00407358 C2.99236139,3.94399211 2.84215771,4.03411432 2.84215771,4.184318 L2.66191329,6.88798422 C2.63187256,7.36863599 2.21130226,7.75916556 1.70060975,7.72912482 L0.228613693,7.63900262 C0.0483692777,7.63900262 -0.0717936656,7.84928777 0.0483692777,7.99949145 L2.84215771,11.3340131 C3.02240212,11.6043797 3.32280948,11.6644612 3.56313537,11.5142575 Z" id="路径" fill-opacity="0.25"></path>
|
||||
<path d="M3.41293169,3.82382917 C3.41293169,4.21435873 3.11252433,4.51476609 2.72199477,4.51476609 C2.3314652,4.51476609 2.03105784,4.21435873 2.03105784,3.82382917 C2.03105784,3.4332996 2.3314652,3.13289224 2.72199477,3.13289224 C3.11252433,3.13289224 3.41293169,3.4332996 3.41293169,3.82382917 Z M9.72148621,1.69093692 C9.72148621,2.08146649 9.42107885,2.38187385 9.03054929,2.38187385 C8.64001972,2.38187385 8.33961237,2.08146649 8.33961237,1.69093692 C8.33961237,1.30040736 8.64001972,1 9.03054929,1 C9.39103812,1 9.72148621,1.30040736 9.72148621,1.69093692 Z M16,3.82382917 C16,4.21435873 15.6995926,4.51476609 15.3090631,4.51476609 C14.9185335,4.51476609 14.6181262,4.21435873 14.6181262,3.82382917 C14.6181262,3.4332996 14.9185335,3.13289224 15.3090631,3.13289224 C15.6995926,3.13289224 16,3.4332996 16,3.82382917 Z M4.94500922,11.0936872 L12.8457227,11.0936872 C13.1761708,11.0936872 13.4765782,10.8533614 13.5366597,10.5229133 L14.5280039,5.38594743 C14.5880854,5.14562154 14.2876781,4.96537713 14.1074336,5.11558081 L12.7556005,6.16700656 C12.2749488,6.55753613 11.5539711,6.43737318 11.1934823,5.92668068 L9.27087518,3.16293298 C9.15071223,3.0127293 8.94042708,3.0127293 8.82026414,3.16293298 L6.89765705,5.80651773 C6.53716822,6.2871695 5.87627203,6.40733245 5.39562025,6.04684362 L3.95366493,5.0254586 C3.77342052,4.90529566 3.5030539,5.05549934 3.53309463,5.29582522 L4.28411303,10.4628318 C4.28411303,10.8233206 4.58452039,11.0936872 4.94500922,11.0936872 Z M13.4765782,12.5356426 C13.4765782,12.8060092 13.266293,13.0162943 12.9959264,13.0162943 L4.82484627,13.0162943 C4.49439818,13.0162943 4.25407229,12.6858462 4.40427597,12.3553981 C4.49439818,12.145113 4.70468333,12.02495 4.94500922,12.02495 L13.0259672,12.02495 C13.266293,12.02495 13.4765782,12.2953167 13.4765782,12.5356426 Z" id="形状"></path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.1 KiB |
1069
src/views/Index.vue
1069
src/views/Index.vue
File diff suppressed because it is too large
Load Diff
@@ -196,9 +196,9 @@ export default {
|
||||
let outerHeight = document.documentElement.clientHeight
|
||||
let scrollTop = document.documentElement.scrollTop
|
||||
if(scrollTop > 400) {
|
||||
document.querySelector('#article-detail').style.cssText = "position: fixed;top: 0;width:242.5px";
|
||||
document.querySelector('#articleAnking').style.cssText = "position: fixed;top: 0;width:242.5px";
|
||||
} else {
|
||||
document.querySelector('#article-detail').style.cssText = "position: static";
|
||||
document.querySelector('#articleAnking').style.cssText = "position: static";
|
||||
}
|
||||
},
|
||||
saveSuccess(data){
|
||||
|
||||
@@ -412,7 +412,7 @@ export default {
|
||||
}
|
||||
if(scrollTop > 630) {
|
||||
this.isTopBoxShow = true;
|
||||
document.querySelector('#fixd-box').style.cssText = "position: fixed;top: -250px;width:245.5px";
|
||||
document.querySelector('#fixd-box').style.cssText = "position: fixed;top: -4420px;width:245.5px";
|
||||
} else {
|
||||
document.querySelector('#fixd-box').style.cssText = "position: static";
|
||||
}
|
||||
|
||||
@@ -512,7 +512,7 @@ export default {
|
||||
}
|
||||
if (scrollTop > 630) {
|
||||
document.querySelector("#fixd-box").style.cssText =
|
||||
"position: fixed;top: -250px;width:410px";
|
||||
"position: fixed;top: -442px;width:410px";
|
||||
} else {
|
||||
document.querySelector("#fixd-box").style.cssText = "position: static";
|
||||
}
|
||||
|
||||
@@ -466,7 +466,7 @@ export default {
|
||||
}
|
||||
if (scrollTop > 830) {
|
||||
document.querySelector("#fixd-box").style.cssText =
|
||||
"position: fixed;top: -830px;width:242.5px";
|
||||
"position: fixed;top: -914px;width:242.5px";
|
||||
} else {
|
||||
document.querySelector("#fixd-box").style.cssText = "position: static";
|
||||
}
|
||||
@@ -859,7 +859,7 @@ export default {
|
||||
position: relative;
|
||||
}
|
||||
::v-deep .course-image-box :hover .el-image{
|
||||
transition: all 0.5s;
|
||||
// transition: all 0.5s;
|
||||
z-index: 999;
|
||||
position: absolute;
|
||||
top: -50px;
|
||||
|
||||
@@ -273,7 +273,7 @@ export default {
|
||||
}
|
||||
}
|
||||
if(scrollTop > 400) {
|
||||
document.querySelector('#qa-fixd').style.cssText = "position: fixed;top: 20px;width:410px;";
|
||||
document.querySelector('#qa-fixd').style.cssText = "position: fixed;top: 0px;width:410px;";
|
||||
} else {
|
||||
document.querySelector('#qa-fixd').style.cssText = "position: static";
|
||||
}
|
||||
|
||||
@@ -770,7 +770,8 @@ export default {
|
||||
apiCoursePortal.detail(this.courseId,false).then(rs => {
|
||||
if (rs.status == 200) {
|
||||
//设置必须的字段
|
||||
rs.result.sections.forEach(sec => {
|
||||
if(rs.result.course.type == 20) {
|
||||
rs.result.sections.forEach(sec => {
|
||||
sec.status = 0; //加入状态表未开始
|
||||
rs.result.contents.forEach(c => {
|
||||
c.status = 0; //初始化状态 ,未开始
|
||||
@@ -779,6 +780,7 @@ export default {
|
||||
});
|
||||
});
|
||||
this.sectionList = rs.result.sections;
|
||||
}
|
||||
this.courseInfo = rs.result.course;
|
||||
this.teachers = rs.result.teachers;
|
||||
if (rs.result.teachers && rs.result.teachers.length > 0) {
|
||||
@@ -836,24 +838,26 @@ export default {
|
||||
}
|
||||
});
|
||||
});
|
||||
//如果没有,就定位第一项内容
|
||||
if (playIndex === -1) {
|
||||
// this.showRes(this.contentList[0]);
|
||||
this.showRes(this.catalogTree[0].children[0])
|
||||
} else {
|
||||
this.showRes(this.contentList[playIndex]);
|
||||
}
|
||||
|
||||
if(this.courseInfo.type == 10) {
|
||||
this.showRes(this.contentList[0]);
|
||||
} else {
|
||||
//如果没有,就定位第一项内容
|
||||
if (playIndex === -1) {
|
||||
// this.showRes(this.contentList[0]);
|
||||
this.showRes(this.catalogTree[0].children[0])
|
||||
} else {
|
||||
this.showRes(this.contentList[playIndex]);
|
||||
}
|
||||
}
|
||||
|
||||
} else {
|
||||
this.$message.error('您还未报名');
|
||||
if (this.courseInfo.type == 10) {
|
||||
location.href = this.webBaseUrl + '/course/micro?id=' + this.courseId;
|
||||
} else {
|
||||
// if (this.courseInfo.type == 10) {
|
||||
// location.href = this.webBaseUrl + '/course/micro?id=' + this.courseId;
|
||||
// } else {
|
||||
location.href = this.webBaseUrl + '/course/detail?id=' + this.courseId;
|
||||
}
|
||||
// }
|
||||
}
|
||||
} else {
|
||||
this.$message.error(res.message);
|
||||
|
||||
@@ -80,7 +80,9 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<el-pagination
|
||||
<div style="margin-top:50px;text-align: center">
|
||||
<el-pagination
|
||||
background
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
:current-page="pageIndex"
|
||||
@@ -89,6 +91,7 @@
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="count">
|
||||
</el-pagination>
|
||||
</div>
|
||||
</div>
|
||||
<el-dialog
|
||||
width="860px"
|
||||
|
||||
Reference in New Issue
Block a user