hz/learning-system-portal
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git synced 2025-12-08 18:36: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

14
src/components/Portal/interactBar.vue
View File

@@ -26,12 +26,7 @@
</el-tooltip>
<span class="interact-bar-value"> {{data.comments}}</span>
</div>
<div v-if="shares" @click="addShare()" :style="`min-width: ${nodeWidth};`" class="interact-bar-btn" :class="{cursor:!readonly}">
<el-tooltip effect="light" content="分享" placement="top" :visible-arrow="false" popper-class="text-tooltip">
<svg-icon icon-class="share" style="margin-right: 0;font-size: 16px;"></svg-icon>
</el-tooltip>
<span class="interact-bar-value"> {{data.shares}}</span>
</div>
<div v-if="praises" @click="addPraise()" :style="`min-width: ${nodeWidth};`" class="interact-bar-btn" :class="{cursor:!readonly}">
<el-tooltip effect="light" content="点赞" placement="top" :visible-arrow="false" popper-class="text-tooltip">
<svg-icon style="margin-right: 0;font-size: 14px;" :icon-class="isPraise?'praised':'like'"></svg-icon>
@@ -47,7 +42,12 @@
</el-tooltip>
<span class="interact-bar-value"> {{ data.favorites}}</span>
</div>
<div v-if="shares" @click="addShare()" :style="`min-width: ${nodeWidth};`" class="interact-bar-btn" :class="{cursor:!readonly}">
<el-tooltip effect="light" content="分享" placement="top" :visible-arrow="false" popper-class="text-tooltip">
<svg-icon icon-class="share" style="margin-right: 0;font-size: 16px;"></svg-icon>
</el-tooltip>
<span class="interact-bar-value"> {{data.shares}}</span>
</div>
<div v-if="views" style="cursor: default;" :style="`min-width: ${nodeWidth};`" class="interact-bar-btn" :class="{cursor:!readonly}">
<el-tooltip effect="light" content="浏览量" placement="top" :visible-arrow="false" popper-class="text-tooltip">
<svg-icon style="margin-right: 0;font-size:22px;padding-top: 4px;" icon-class="eyes"></svg-icon>

2
src/icons/svg/collected.svg
View File

@@ -1 +1 @@
<svg t="1649839074612" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="14232" width="200" height="200"><path d="M720.398507 959.573333c73.045333 31.317333 136.96-15.317333 129.706666-94.293333l-20.650666-226.218667 174.634666-199.722666c38.144-43.648 19.2-102.229333-37.418666-115.114667l-258.474667-58.794667-135.68-228.010666c-29.738667-49.877333-91.306667-49.92-121.045333 0L315.74784 265.429333 57.273173 324.224C0.953173 337.066667-18.33216 395.648 19.854507 439.338667l174.634666 199.722666-24.021333 264.405334c-5.248 57.770667 44.544 94.037333 97.877333 71.125333l243.626667-104.533333 208.426667 89.472z" fill="#ffb30f" p-id="14233"></path></svg>
<svg viewBox="0 0 14 14" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><image xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABEklEQVQokZWSMUsDQRSEZzYgl7uohWibP3A2NoJYxSaJFpZ2ikErf0L+gmVqWzsF5SBFTGPjrxBbRdDIiYXuyKq5bMzJxYGFx+x8+x6PJXL0mKzOBYqu3c0b0/WF5s3gd8rkgWWFewCW3YkQ7eZlckGBB8P6QzicCny9rK0BiD0r/vHGxDTZ2KawA2hJwKKgKsHZ8Qn0QvCOwAPAexGnTJPaE4T5vHH+FPFsjHD2L+hLPDdB86pFsDN9M3bCRm/fkLDhZu8IQruQEtou65jRVmdKJ4Wgl8lAvtuJlU+M6WVGHaVC0M/4H2Alexm6lVQvGdVdPfStl8lAS14AGJA4LttKXNnqd4NGv+tq57k7fGcAAJ8nsFSj32MnfgAAAABJRU5ErkJggg==" height="14" width="14" data-name="图层 1"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 699 B

After

Width:  |  Height:  |  Size: 639 B

2
src/icons/svg/praised.svg
View File

@@ -1 +1 @@
<svg t="1649838667363" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="14041" width="200" height="200"><path d="M844.231111 391.39555600000006H659.9111109999999c-13.653333-2.275556-18.204444-15.928889-20.48-22.755556V202.52444400000002c0-45.511111-36.408889-81.92-81.92-81.92-40.96 0-75.093333 31.857778-81.92 70.542223-25.031111 157.013333-120.604444 209.351111-182.044444 225.28 2.275556 6.826667 2.275556 11.377778 2.275555 15.928889v441.457777c0 9.102222-2.275556 18.204444-6.826666 27.306666999999997h446.008888c43.235556-9.102222 72.817778-25.031111 93.297778-68.266667l93.297778-327.68c18.204444-59.16444400000001-11.377778-116.053333-77.368889-113.77777699999999zM257.137778 876.0888889999999V432.355556c0-13.653333-18.204444-25.031111-38.684445-25.031112H157.013333c-31.857778 0-59.16444400000001 27.306666999999997-59.16444400000001 59.16444500000001v373.191111c0 34.133333 25.031111 61.44 59.16444400000001 61.44h61.44c20.48 0 38.684444-11.377778 38.684445-25.031111z m0 0" fill="#ffb30f" p-id="14042"></path></svg>
<svg viewBox="0 0 14 14" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><image xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAA6klEQVQokZ2QPUoDARSEv3lZMVFBsLSxsBR7JY2mCR7AA1hZCrlAas8gpLOxsBB/QBACegJBEK+gFhauK8SMJIU/68ommebBY743wxMFSs8367ZOwA+O2J3burrNu6IItNkBFkBrYR8b/gQUgqDVH0eWs4uNpVLQR+s1YCXXoJf3JflFOlNrAbPf4TzLUXk7awxTq0nypOblq9LTxrbFHubQIhN0iut/qSfTCgcHQB2xKHuqBBq2dNAOzPwI5t8yL/98tUy6mQyUJwOTSv96fFA8Tje79wPwfTyO7mAG1r5ENgJjxN1HP9oAn+YHRN3u7kR5AAAAAElFTkSuQmCC" height="14" width="14" data-name="图层 1"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 583 B

2
src/icons/svg/question-mark.svg
View File

@@ -1 +1 @@
<svg t="1661934325929" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2506" width="200" height="200"><path d="M450.267 772.245l0 92.511 92.511 0 0-92.511L450.267 772.245zM689.448 452.28c13.538-24.367 20.311-50.991 20.311-79.875 0-49.938-19.261-92.516-57.765-127.713-38.517-35.197-90.114-52.8-154.797-52.8-61.077 0-110.191 16.4-147.342 49.188-37.16 32.798-59.497 80.032-67.014 141.703l83.486 9.927c7.218-46.025 22.41-79.875 45.576-101.533 23.166-21.665 52.047-32.494 86.647-32.494 35.802 0 66.038 11.957 90.711 35.874 24.667 23.92 37.01 51.675 37.01 83.266 0 17.451-4.222 33.55-12.642 48.284-8.425 14.747-26.698 34.526-54.83 59.346s-47.607 43.701-58.442 56.637c-14.741 17.754-25.424 35.354-32.037 52.797-9.028 23.172-13.537 50.701-13.537 82.584 0 5.418 0.146 13.539 0.45 24.374l78.069 0c0.599-32.495 2.855-55.966 6.772-70.4 3.903-14.44 9.926-27.229 18.047-38.363 8.127-11.123 25.425-28.43 51.901-51.895C649.43 506.288 675.908 476.656 689.448 452.28L689.448 452.28z" p-id="2507" fill="#387DF7"></path></svg>
<svg viewBox="0 0 24 24" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><image xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAWCAYAAADwza0nAAACM0lEQVQ4jY2STWsUQRCG36rumc2uiGBAJIio5GQgqAvxIh485B/o2YvoSYMGg7LEYNQgRONBgugvMLl6ieAlICRCFIJRQfwAQRExqEn2Y2a6SnomH0t2jVuHZrrrfbqq3mnCpigO6A7OlY8boYM+41jfSK0wPXebftcr18Hi0NeCTdovMVMfgJ1QWVWwXxdF9F5if96ZG+oor4O+ShhGEyD0bgCUpesvUDyNovCUr+53FIbR3Q2IFGTeqbhHom4c4Lfpmc8RelMtlKinVNlv2CxAXR7EIkJjlWpwbX6UVnyh7n7dVmirDBOZPkAIZCpOXBez6klA81k3NDlrg8trkA//PWPz/WpoIjvRvGeYc+FhYgaHAVycTGKIZLPT/kzi5DGxSWemIDxkXWQGWeMxcUpLQX6hAVoNZVrMDEt9CuzsDXr/L3F9GOVjKql5kCj5xq1AxYHKXjLmXOosGyjw5L9gT2npRJjjZ5B4T+aNfKxUfz3fAlQ6WipfMBRMQaUzG84suyQ5Pz+6e6XhrW5Uqp5l0gdrAgV9EYczL261TaH+rdbHkavL3TljZ7L/S7GojEfO3Xw1sv3Hmsw2AwNjB1NIocq4PztcuLhZ0zBjz5U/7QT0rrZXrsXxSLPLGyqybesEyQqRralzr+vb2xKMvwcvww50JbUlolwcN4OagnYX9qmrnjY2YHHhJwAPWwJVagfY8AAIhkWmWwaJ/YtSTVfya4utJsAHq3qdvOOKz00pAH8BwlH2ZfrRzTQAAAAASUVORK5CYII=" height="22" width="14" y="1" x="5" data-name="图层 1"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 1.0 KiB

1
src/icons/svg/time.svg
View File

@@ -1 +0,0 @@
<svg viewBox="0 0 24 24" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><image xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAWCAYAAADwza0nAAACM0lEQVQ4jY2STWsUQRCG36rumc2uiGBAJIio5GQgqAvxIh485B/o2YvoSYMGg7LEYNQgRONBgugvMLl6ieAlICRCFIJRQfwAQRExqEn2Y2a6SnomH0t2jVuHZrrrfbqq3mnCpigO6A7OlY8boYM+41jfSK0wPXebftcr18Hi0NeCTdovMVMfgJ1QWVWwXxdF9F5if96ZG+oor4O+ShhGEyD0bgCUpesvUDyNovCUr+53FIbR3Q2IFGTeqbhHom4c4Lfpmc8RelMtlKinVNlv2CxAXR7EIkJjlWpwbX6UVnyh7n7dVmirDBOZPkAIZCpOXBez6klA81k3NDlrg8trkA//PWPz/WpoIjvRvGeYc+FhYgaHAVycTGKIZLPT/kzi5DGxSWemIDxkXWQGWeMxcUpLQX6hAVoNZVrMDEt9CuzsDXr/L3F9GOVjKql5kCj5xq1AxYHKXjLmXOosGyjw5L9gT2npRJjjZ5B4T+aNfKxUfz3fAlQ6WipfMBRMQaUzG84suyQ5Pz+6e6XhrW5Uqp5l0gdrAgV9EYczL261TaH+rdbHkavL3TljZ7L/S7GojEfO3Xw1sv3Hmsw2AwNjB1NIocq4PztcuLhZ0zBjz5U/7QT0rrZXrsXxSLPLGyqybesEyQqRralzr+vb2xKMvwcvww50JbUlolwcN4OagnYX9qmrnjY2YHHhJwAPWwJVagfY8AAIhkWmWwaJ/YtSTVfya4utJsAHq3qdvOOKz00pAH8BwlH2ZfrRzTQAAAAASUVORK5CYII=" height="22" width="14" y="1" x="5" data-name="图层 1"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.0 KiB

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>