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

提交

Browse Source
This commit is contained in:
zhaofang
2022-09-02 19:09:41 +08:00
parent 3d7fd2ff20
commit 0b7a8a85ea
3 changed files with 14 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -36,9 +36,8 @@
<div v-if="favorites" @click="addFavorite()" :style="`min-width: ${nodeWidth};`" class="interact-bar-btn" :class="{cursor:!readonly}"> <div v-if="favorites" @click="addFavorite()" :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"> <el-tooltip effect="light" content="收藏" placement="top" :visible-arrow="false" popper-class="text-tooltip">
<svg-icon style="font-size: 14px;margin-right: 0;" :icon-class="isFavorite?'collected':'collection'"></svg-icon> <svg-icon v-if="courseExclusive" style="font-size: 14px;margin-right: 0;" :icon-class="isFavorite?'collectedCourse':'collection'"></svg-icon>
<!-- <svg-icon :icon-class="isFavorite?'collected':'dropdown_collected'"></svg-icon> --> <svg-icon v-else style="font-size: 14px;margin-right: 0;" :icon-class="isFavorite?'collected':'collection'"></svg-icon>
<!-- dropdown_collected -->
</el-tooltip> </el-tooltip>
<span class="interact-bar-value"> {{ data.favorites}}</span> <span class="interact-bar-value"> {{ data.favorites}}</span>
</div> </div>
@@ -55,6 +54,12 @@
<span class="interact-bar-value"> {{ data.views}}</span> <span class="interact-bar-value"> {{ data.views}}</span>
</div> </div>
</div> </div>
<!-- <div v-if="courseExclusive" @click="addFavorite()" :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="font-size: 14px;margin-right: 0;" :icon-class="isFavorite?'collectedCourse':'collection'"></svg-icon>
</el-tooltip>
<span class="interact-bar-value"> {{ data.favorites}}</span>
</div> -->
<el-dialog title="分享" :visible.sync="shareShow" :close-on-click-modal="false" :append-to-body="true" width="500px" custom-class="g-dialog"> <el-dialog title="分享" :visible.sync="shareShow" :close-on-click-modal="false" :append-to-body="true" width="500px" custom-class="g-dialog">
<div style="height: 200px;padding-right: 30px;"> <div style="height: 200px;padding-right: 30px;">
<el-form label-width="100px" @submit.native.prevent > <el-form label-width="100px" @submit.native.prevent >
@@ -129,6 +134,10 @@ export default {
type:Boolean, type:Boolean,
default:true default:true
}, },
courseExclusive:{
type:Boolean,
default:false
},
shares:{ shares:{
type:Boolean, type:Boolean,
default:true default:true

1
src/icons/svg/collectedCourse.svg Normal file
View File

@@ -0,0 +1 @@
<svg viewBox="0 0 12 12" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><image xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAA9ElEQVQokY2RsUoDQRCGv9nbpBLSBRHTmTcQLJLC3srCBxBEMHmJewlNqZVFijyDhU3AMqnsFCxsgmChl7sdmeUS4imnPywMM9//szsrVKSH+LzLvXX9I325I98kXNVQ7HGkyoEdq6vzHwaF87V5o15JdMB2sWQ/BNri2FElBZKVR4RUAy/O8Zo0eJDsjCegU036VcqzE5j/C7brCHPnc44FJn/CMDHWyQ0ffpcTYFzDj40xNm5JUgLCoiZ+EZlva1V6NY9dz+JP64CtZcZbGVAAl+V8WK44NJq05Ip3H9s5n8AswgUXzWum1s5OuSVhFE3GAF/uMEl92ryD1wAAAABJRU5ErkJggg==" height="12" width="12" data-name="图层 1"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 599 B

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

@@ -94,7 +94,7 @@
<span class="study-num">{{cinfo.studies}}人学习</span> <span class="study-num">{{cinfo.studies}}人学习</span>
</div> </div>
<div style="display:flex"> <div style="display:flex">
<div class="cor-praises" v-if="cinfo.source == 2"><interactBar :type="1" :data="cinfo" :comments="false" :praises="false" :shares="false" :views="false"></interactBar> </div> <div class="cor-praises" v-if="cinfo.source == 2"><interactBar :type="1" :data="cinfo" :courseExclusive="true" :comments="false" :praises="false" :shares="false" :views="false"></interactBar> </div>
<div> <div>
<div v-if="cinfo.score"> <div v-if="cinfo.score">
<span class="course-score-value">{{toScore(cinfo.score)}}分</span> <span class="course-score-value">{{toScore(cinfo.score)}}分</span>