hz/learning-system-portal
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git synced 2025-12-22 17:26:43 +08:00
Code Issues Packages Projects Releases Wiki Activity

提交

Browse Source
This commit is contained in:
zhaofang
2022-09-02 18:00:18 +08:00
parent 872b77a6fb
commit f998be66c8
10 changed files with 60 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/views/portal/article/Detail.vue
View File

@@ -30,13 +30,6 @@
<div class="ql-editor">
<div class="qltext" style="word-break:break-all; color:#121212" v-html="articleDetailData.content"></div>
</div>
<!-- html内容 -->
<!-- <img v-if="$route.query.id==1" style="width: 100%;" :src="`${webBaseUrl}/temp/articleOne.png`"/> -->
<!-- <div v-if="$route.query.id==1">我是谁</div> -->
<!-- <img v-else-if="$route.query.id==2" style="width: 100%;" :src="`${webBaseUrl}/temp/articleTwo.png`"/> -->
<!-- <img v-else style="width: 100%;" :src="`${webBaseUrl}/temp/articleTwo.png`"/> -->
<!-- html内容-->
<!-- <img :src="process.env.VUE_APP_FILE_BASE_URL+articleDetailData."/> -->
</div>
<!-- </el-card> -->
<div style="margin-top:10px;">
@@ -58,11 +51,11 @@
<div>
<div id="articleAnking">
<el-button class="write-art" @click="openDialog" icon="el-icon-edit" type="primary">写文章</el-button>
<el-button class="write-art" @click="openDialog" type="primary"><svg-icon icon-class="addArticle" style="margin-right: 20px;font-size: 26px;"></svg-icon>写文章</el-button>
<div class="portal-right-box art-bgimg" style="background-color:#fff;">
<p class="portal-title-one" style="padding-bottom:12px" >贡献榜</p>
<ul>
<li v-for="(item, index) in ankingList" :key="index" style="margin-top:30px">
<li v-for="(item, index) in ankingList" :key="index" style="margin-top:30px;line-height: 22px;cursor: pointer;">
<span class="portal-right-text orange-one" v-if="index==0" style="margin-right:94px">
<img src="/images/list-01.png" alt="">
</span>

5
src/views/portal/article/Index.vue
View File

@@ -648,7 +648,10 @@ export default {
.article-image {
width: 156px;
height: 105px;
margin-right: 15px;
margin-left: 18px;
::v-deep .el-image{
border-radius: 4px;
}
}
.article-body {
// margin: 10px 0px;

36
src/views/portal/course/Index.vue
View File

@@ -80,7 +80,7 @@
<div class="xrow-course course-index" v-for="(cinfo,cidx) in courseList" :key="cinfo.id" v-if="(courseList.length<=course.pageSize) || (cidx<parseInt(courseList.length/columns)*columns)">
<div class="course-card">
<a :href="toCourseDetail(cinfo)">
<div class="course-image-box">
<div class="course-image-box" style="height:196px">
<course-image height="196px" :course="cinfo"></course-image>
<!-- <span v-if="cinfo.type < 21" class="course-type-title course-type">录播课</span>
<span v-if="cinfo.type==30" class="course-type-title course-type">线下课</span>
@@ -148,7 +148,7 @@
<div class="list-content">
<div class="list-img">
<course-image :course="item"></course-image>
<span v-if="item.type < 21" class="course-type">录播课</span>
<span v-if="item.type < 21" class="course-type">录播</span>
<span v-if="item.type==30" class="course-type">线下课</span>
<span v-if="item.type==40" class="course-type">学习项目</span>
</div>
@@ -196,7 +196,7 @@
<div class="list-content">
<div class="list-img">
<course-image :course="item"></course-image>
<span v-if="item.type < 21" class="course-type">录播课</span>
<span v-if="item.type < 21" class="course-type">录播</span>
<span v-if="item.type==30" class="course-type">线下课</span>
<span v-if="item.type==40" class="course-type">学习项目</span>
</div>
@@ -236,12 +236,11 @@
<img style="width:96px;height:52px" :src="fileBaseUrl + item.images" alt=""/>
<span class="portal-images-title two-line-ellipsis">{{ item.courseName }}</span>
</span>
<div class="list-active">
<div class="list-content">
<div class="list-img">
<course-image :course="item"></course-image>
<span v-if="item.type < 21" class="course-type">录播课</span>
<span v-if="item.type < 21" class="course-type">录播</span>
<span v-if="item.type==30" class="course-type">线下课</span>
<span v-if="item.type==40" class="course-type">学习项目</span>
</div>
@@ -800,17 +799,19 @@ export default {
<style scoped lang="scss">
.course-card{
// height: 196px;
position: relative;
}
// ::v-deep .course-image-box :hover .el-image{
// transition: all 10s;
// z-index: 999;
// position: absolute;
// top: -50%;
// width: 500px !important;
// height: 500px !important;
::v-deep .course-image-box :hover .el-image{
transition: all 0.5s;
z-index: 999;
position: absolute;
top: -50px;
left: -35px;
width: 420px !important;
height: 236px !important;
// }
}
.list-active{
display: none;
@@ -834,6 +835,9 @@ export default {
width: 125px;
height: 70px;
position: relative;
::v-deep .el-image{
border-radius: 4px !important;
}
img{
width: 100%;
height: 100%;
@@ -881,6 +885,7 @@ export default {
position: relative;
}
.list-info:hover .list-active{
// transition: all 0.5s;
display: block;
}
@@ -1017,10 +1022,13 @@ export default {
}
.course-image-box {
position: relative;
// height: 196px;
height: 196px;
// width: 350px;
width: 100%;
height: 100%;
::v-deep .el-image{
border-radius: 4px !important;
}
.course-image {
width: 100%;
height: 148px;

21
src/views/portal/qa/Answer.vue
View File

@@ -251,11 +251,22 @@
<div class="portal-right-box list-bg">
<p class="portal-title-one" style="padding-bottom:12px">贡献榜</p>
<ul>
<li v-for="(item, index) in ankingList" :key="index" style="margin-top:30px">
<span class="portal-right-text orange-one" v-if="index==0" style="margin-right:94px">0{{index+1}}.</span>
<span class="portal-right-text orange-tow" v-if="index==1" style="margin-right:94px">0{{index+1}}.</span>
<span class="portal-right-text orange-three" v-if="index==2" style="margin-right:94px">0{{index+1}}.</span>
<span class="portal-right-text" v-if="index>2" style="margin-right:94px">0{{index+1}}.</span>
<li v-for="(item, index) in ankingList" :key="index" style="margin-top:30px;line-height: 22px;cursor: pointer;">
<span class="portal-right-text orange-one" v-if="index==0" style="margin-right:94px">
<img src="/images/list-01.png" alt="">
</span>
<span class="portal-right-text orange-tow" v-if="index==1" style="margin-right:94px">
<img src="/images/list02.png" alt="">
</span>
<span class="portal-right-text orange-three" v-if="index==2" style="margin-right:94px">
<img src="/images/list03.png" alt="">
</span>
<span class="portal-right-text" v-if="index==3" style="margin-right:94px">
<img src="/images/list04.png" alt="">
</span>
<span class="portal-right-text" v-if="index==4" style="margin-right:94px">
<img src="/images/list05.png" alt="">
</span>
<span class="portal-title-desc">{{ item.sysCreateUname }}</span>
</li>
</ul>

12
src/views/portal/qa/Index.vue
View File

@@ -44,10 +44,10 @@
<i class="el-icon-time" style="margin-right:4px"></i> {{qa.sysCreateTime}}
</div>
</div>
<div style="display: flex;">
<div style="flex: 83%" class="qa-info-summary portal-summary-text two-line-ellipsis" @click="jumpDetail(qa)" v-html="$keywordActiveShow(qa.content,queryKeyWord)"></div>
<div style="flex: 17% ; cursor: pointer; text-align: right;cursor: pointer;" v-if="qa.images!==''" @click="jumpDetail(qa)">
<img style="width: 156px;height: 105px;" :src="fileBaseUrl + qa.images" alt="">
<div style="display: flex;justify-content:space-between;">
<div class="qa-info-summary portal-summary-text two-line-ellipsis" @click="jumpDetail(qa)" v-html="$keywordActiveShow(qa.content,queryKeyWord)"></div>
<div style="cursor: pointer; text-align: right;cursor: pointer;" v-if="qa.images!==''" @click="jumpDetail(qa)">
<img style="width: 156px;height: 105px;border-radius: 4px;margin-left: 18px;" :src="fileBaseUrl + qa.images" alt="">
</div>
</div>
@@ -79,7 +79,7 @@
<!-- <div> -->
<div style="padding:0" id="qa-fixd">
<div class="portal-model-btn" @click="$refs.addQuestion.askQuestionDialog = true">
<svg-icon style="margin-right: 0;font-size: 24px;" icon-class="time"></svg-icon>
<svg-icon style="margin-right: 0;font-size: 24px;" icon-class="question-mark"></svg-icon>
提问题
</div>
<div class="portal-right-box list-bg">
@@ -102,7 +102,7 @@
<img src="/images/list05.png" alt="">
</span>
<span class="portal-title-desc">{{ item.sysCreateUname }}</span>
</li>
</li>
</ul>
</div>
</div>