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

课程下边点赞鼠标悬停提示

Browse Source
This commit is contained in:
zhaofang
2022-06-13 11:14:30 +08:00
parent 47467223bc
commit 9bb4e30746
2 changed files with 39 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/views/portal/course/Micro.vue
View File

@@ -135,12 +135,18 @@
</div> </div>
<div style="display: flex;align-items: center;padding-top: 15px;"> <div style="display: flex;align-items: center;padding-top: 15px;">
<div @click="praiseContent" style="cursor: pointer;"> <div @click="praiseContent" style="cursor: pointer;">
<img class="icon-small" v-if="isPraise" :src="require('@/assets/images/icon/praise-active.png')"> <el-tooltip class="item" effect="light" :content="isPraise?'取消点赞':'点赞'" placement="top-start">
<img class="icon-small" v-else :src="require('@/assets/images/icon/praise.png')"><span style="margin-left: 5px;color: #666666;font-size: 18px;">{{courseInfo.praises}}</span> <img class="icon-small" v-if="isPraise" :src="require('@/assets/images/icon/praise-active.png')">
<img class="icon-small" v-else :src="require('@/assets/images/icon/praise.png')">
</el-tooltip>
<span style="margin-left: 5px;color: #666666;font-size: 18px;">{{courseInfo.praises}}</span>
</div> </div>
<div style="margin-left: 15px;cursor: pointer;" @click="treadContent"> <div style="margin-left: 15px;cursor: pointer;" @click="treadContent">
<img class="icon-small" v-if="isTrample" :src="require('@/assets/images/icon/trample-active.png')"> <el-tooltip class="item" effect="light" :content="isTrample?'取消踩':'踩'" placement="top-start">
<img class="icon-small" v-else :src="require('@/assets/images/icon/trample.png')"><span style="margin-left: 5px;color: #666666;font-size: 18px;">{{courseInfo.trampleCount}}</span> <img class="icon-small" v-if="isTrample" :src="require('@/assets/images/icon/trample-active.png')">
<img class="icon-small" v-else :src="require('@/assets/images/icon/trample.png')">
</el-tooltip>
<span style="margin-left: 5px;color: #666666;font-size: 18px;">{{courseInfo.trampleCount}}</span>
</div> </div>
</div> </div>
</div> </div>

8
src/views/study/PortalIndex.vue
View File

@@ -132,13 +132,17 @@
</div> </div>
<div style="display: flex;justify-content: flex-end;cursor: pointer;"> <div style="display: flex;justify-content: flex-end;cursor: pointer;">
<div @click="praiseContent"> <div @click="praiseContent">
<img class="icon-small" v-if="isPraise" :src="require('@/assets/images/icon/praise-active.png')" /> <el-tooltip class="item" effect="light" :content="isPraise?'取消点赞':'点赞'" placement="top-start">
<img class="icon-small" v-else :src="require('@/assets/images/icon/praise.png')" /> <img class="icon-small" v-if="isPraise" :src="require('@/assets/images/icon/praise-active.png')" />
<img class="icon-small" v-else :src="require('@/assets/images/icon/praise.png')" />
</el-tooltip>
{{ courseInfo.praises }} {{ courseInfo.praises }}
</div> </div>
<div style="margin-left: 15px;" @click="treadContent"> <div style="margin-left: 15px;" @click="treadContent">
<el-tooltip class="item" effect="light" :content="isTrample?'取消踩':'踩'" placement="top-start">
<img class="icon-small" v-if="isTrample" :src="require('@/assets/images/icon/trample-active.png')" /> <img class="icon-small" v-if="isTrample" :src="require('@/assets/images/icon/trample-active.png')" />
<img class="icon-small" v-else :src="require('@/assets/images/icon/trample.png')" /> <img class="icon-small" v-else :src="require('@/assets/images/icon/trample.png')" />
</el-tooltip>
{{ courseInfo.trampleCount }} {{ courseInfo.trampleCount }}
</div> </div>
</div> </div>