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

收藏换图标

Browse Source
This commit is contained in:
lmj
2022-12-27 16:09:48 +08:00
parent dbb56d47c2
commit cab2d01cd3
4 changed files with 36 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Portal/course/couresinteract.vue
View File

@@ -33,7 +33,7 @@
</template>
<script>
import toScore from '@/utils/tools.js';
import { toScore } from '@/utils/tools.js';
import apiPraises from '@/api/modules/praises.js'
import apiShares from '@/api/modules/shares.js'
import apiFavorites from '@/api/modules/favorites.js'

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

@@ -38,7 +38,7 @@
<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">
<svg-icon v-if="courseExclusive" style="font-size: 32px;margin-right: 0;" :icon-class="isFavorite?'collectedCourse':'collectionCourse'"></svg-icon>
<svg-icon v-else style="margin-right: 0;" :style="{'font-size':size+'px'}" :icon-class="isFavorite?'collected':'collection'"></svg-icon>
<svg-icon v-else style="margin-right: 0;" :style="{'font-size':(size+2)+'px'}" :icon-class="isFavorite?'scactive2':'xihuan'"></svg-icon>
</el-tooltip>
<span v-if="!courseExclusive" class="interact-bar-value"> {{ data.favorites? data.favorites:0}}</span>
</div>

24
src/icons/svg/scactive2.svg Normal file
View File

@@ -0,0 +1,24 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="30px" height="30px" viewBox="0 0 30 30" enable-background="new 0 0 30 30" xml:space="preserve"> <image id="image0" width="30" height="30" x="0" y="0"
href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABfVBMVEX////vv0DvwEHvujzv
uDrvtTjvtDjvtzrvszbvwkPvuz3vsTbvwULvtzvvsjbvuTzvszfvxETvvT/vtTrvtjvvuTvvuj3v
tznvuD3vuDzvuz7vuT3vwkLvwUHvsjXvuDvvtDfvtTnvtjnvtDjvszfvszfvtDfvtTjvtjjvszfv
szbvszfvtjnvtjjvszbvszbvtDfvtTjvszbvtDfvtDfvtjjvszbvtjrvvD3vsTXvszfvtDjvsjbv
wEHvtDfvtDfvtjnvtTjvszbvtDjvuz3vtjjvtTjvtDjvszbvsjbvszbvszbvszbvszbvszbvszbv
tDfvszfvtjrvtDjvtTjvtDfvtjnvsTXvszfvuDvvtzrvtjnvtDjvtTjvtDfvsjXvsTTvvD7vszbv
vj/vtTnvsDTvuTvvtjjvtTjvtDjvtjnvtDfvuDrvsjXvtDfvtjjvtTjvszbvszbvtDfvtDjvszbv
szbvtTjvszbvsTTvsjXvsTXvsjbvszX///+Ch+i/AAAAeHRSTlMAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAABJbknAvO4qeZy1Pzet/c/XpfZvZOBbGvohLD+ynM2LIJwSohkD5qWm7
hr5xsUuUCrpaTAXXnicRfnCqx7XhBbkWot4PiroHX4MsydU/buD+22xdgli6X5AWAAAAAWJLR0QA
iAUdSAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+YMGwgGEuXR6NYAAAEwSURBVCjPtdFX
U8JAFAVgsiRZgiEgFgRUsPeKvXex9957722zif/dS6KSDNknx/O0Z757ntbl+tdwHHLzZeUVlVWC
iD285M3C1TW1dfU8RpzBsrehkRDS1Cz6Uqy0tEJLtPllgxFqV4mRjs4An93VTY2i9QQl4JzcXrOn
0pfXP6B/v9XBfGD/kEbSGR5J32qjwGPj1MK6pdAJ4MkkYWUKeJqpZAZ4ls1zwPNsXgBeZPMS8PIK
k1eBhTWWJteBFc8GgzcDwG7vFnVCnWyHgGVZ2lEdmO4WhM3/RnuZe7ofjEQM5uToQYYeHhUiZDIK
K8f2PU2cFAH8cLF4avXPs3OJs3H0wrK9vArJdo7Frn/5xidmMI7d3hnT+wcBOzEff3x6fnnFIWfG
8ZK3949SO/8lX3yA5zI33rZMAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTEyLTI3VDA4OjA2OjE4
KzAwOjAwsoIXpAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMi0yN1QwODowNjoxOCswMDowMMPf
rxgAAAAASUVORK5CYII=" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

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

@@ -183,7 +183,9 @@
</div>
</div>
<div class="list-bottom">
<interactBar :type="1" :data="item" :couseViews="true" :shares="false" :views="false"></interactBar>
<couresinteract :type="1" :data="item" ></couresinteract>
<!-- <interactBar :type="1" :data="item" :couseViews="true" :shares="false" :views="false"></interactBar> -->
</div>
</div>
</a>
@@ -230,7 +232,9 @@
</div>
</div>
<div class="list-bottom">
<interactBar :type="1" :data="item" :couseViews="true" :shares="false" :views="false"></interactBar>
<couresinteract :type="1" :data="item" ></couresinteract>
<!-- <interactBar :type="1" :data="item" :couseViews="true" :shares="false" :views="false"></interactBar> -->
</div>
</div>
</a>
@@ -277,7 +281,8 @@
</div>
</div>
<div class="list-bottom">
<interactBar :type="1" :data="item" :couseViews="true" :shares="false" :views="false"></interactBar>
<couresinteract :type="1" :data="item" ></couresinteract>
<!-- <interactBar :type="1" :data="item" :couseViews="true" :shares="false" :views="false"></interactBar> -->
</div>
</div>
</a>
@@ -298,6 +303,7 @@
</template>
<script>
import { mapGetters, mapActions } from "vuex";
import couresinteract from '@/components/Portal/course/couresinteract.vue';
import portalHeader from "@/components/PortalHeader.vue";
import portalFooter from "@/components/PortalFooter.vue";
import portalFloatTools from "@/components/PortalFloatTools.vue";
@@ -328,6 +334,7 @@ export default {
courseItem,
courseForm,
authorInfo,
couresinteract,
courseImage,
interactBar
},