收藏换图标

src/components/Portal/course/couresinteract.vue

@@ -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'

src/components/Portal/interactBar.vue

@@ -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>

src/icons/svg/scactive2.svg

@@ -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>

src/views/portal/course/Index.vue

@@ -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
   },