优化收藏

src/components/ReaderOperations/index.vue

@@ -4,7 +4,7 @@
       <span class="operation-item" v-if="like">
         <svg-icon
           @click="handleLike"
-          :icon-class="loveCountStatus ? 'mz-collect-s' : 'mz-collect'"
+          :icon-class="loveCountStatus ? 'mz-like-s' : 'mz-like'"
           :style="{
             fontSize: iconSize + 'px',
             color: loveCountStatus ? selectColor : '#61666d',
@@ -14,10 +14,10 @@
       </span>
       <span class="operation-item" @click="handleCollect" v-if="collect">
         <svg-icon
-          icon-class="collect"
+          :icon-class="collectCountStatus ? 'collect-s' : 'collect'"
           :style="{
-            fontSize: iconSize + 'px',
-            color: loveCountStatus ? selectColor : '#61666d',
+            fontSize: iconSize + 'px',  
+            color: collectCountStatus ? selectColor : '#61666d',
           }"
         ></svg-icon>
         <span>{{ formatNum(collectCount) }}</span>
@@ -28,7 +28,7 @@
           class="collect"
           :style="{
             fontSize: iconSize + 'px',
-            color: loveCountStatus ? selectColor : '#61666d',
+            color: selectColor,
           }"
         ></svg-icon>
         <span>分享</span>

src/icons/svg/collect-s.svg

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1661508484412" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2637" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28"><path d="M519.2 807.2l255.2 133.6c12 6.4 25.6-4 23.2-16.8L748.8 640c-0.8-4.8 0.8-10.4 4.8-14.4L960 424.8c9.6-9.6 4-25.6-8.8-27.2l-284.8-41.6c-5.6-0.8-9.6-4-12-8.8l-128-257.6c-5.6-12-23.2-12-28.8 0L370.4 348c-2.4 4.8-7.2 8-12 8.8L73.6 398.4c-13.6 1.6-18.4 17.6-8.8 27.2l206.4 200.8c4 4 5.6 8.8 4.8 14.4l-48.8 284c-2.4 12.8 11.2 23.2 23.2 16.8L505.6 808c4-3.2 8.8-3.2 13.6-0.8z" p-id="2638"></path></svg>
\ No newline at end of file

src/icons/svg/collect.svg

-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1661505107073" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2547" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28"><path d="M956.074981 429.633061c-2.269693-7.402597-9.495258-20.456914-33.253358-24.761963l-262.98253-38.078247L545.028231 135.12042c-10.788717-21.770839-25.152866-26.356274-35.308157-26.356274-22.055318 0-34.348296 21.659299-36.747949 26.333762L358.140797 366.791827l-258.923074 37.492916c-17.794271 3.03308-30.413684 12.443403-34.585703 25.830295-4.454452 14.257725 1.025353 29.039383 16.334014 43.886533l183.937243 178.568978-43.757596 254.118652c-1.089821 6.290263-4.364401 25.438369 7.185656 39.083134 10.022261 11.857049 26.898627 14.632255 45.416376 6.531763 0.456395-0.198521 0.939395-0.418532 1.396813-0.676405l233.834676-122.453936 233.920634 122.453936c8.866948 4.670369 16.790408 6.941086 24.150026 6.941086 9.301853 0 17.643845-3.667529 23.537066-10.285251 4.782933-5.393847 10.022261-15.282055 7.777127-32.752961L753.055125 652.571572l188.720176-183.174879C958.630177 453.04119 958.849164 438.762999 956.074981 429.633061" p-id="2548"></path></svg>
\ No newline at end of file
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1661508487793" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2779" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28"><path d="M946.44567 407.179676c-3.706415-11.056823-13.268188-19.154245-24.823362-20.929682l-263.117606-40.614L540.930913 93.91802c-5.108345-10.93198-16.071024-17.939581-28.155247-17.971303-0.030699 0-0.062422 0-0.062422 0-12.021801 0-22.985504 6.945179-28.155247 17.84646L365.79001 345.247138l-263.917832 39.507806c-11.399631 1.961678-20.774139 10.060123-24.355711 21.054525-3.613294 10.963703-0.778736 23.047926 7.257288 31.332612l191.202717 196.684568-45.6282 277.132808c-1.930979 11.741415 3.0208 23.608697 12.769838 30.491455 9.717316 6.882757 22.549575 7.630794 32.983205 1.868557l235.366565-129.47177 234.868215 130.282229c4.703115 2.616594 9.904581 3.924379 15.106046 3.924379 6.291287 0 12.551874-1.868557 17.877159-5.699816 9.748015-6.852058 14.763239-18.687618 12.862959-30.460756L747.488339 634.635061l191.669344-195.84341C947.286828 430.476265 950.121386 418.2365 946.44567 407.179676zM691.986257 602.337471c-6.882757 7.039323-10.060123 16.974603-8.471952 26.722618l37.000706 229.480508L526.666024 751.025908c-9.343809-5.232165-20.74344-5.232165-30.117948-0.062422L302.262138 857.856006l37.779442-229.387387c1.588171-9.717316-1.52575-19.652596-8.40953-26.754341L170.703847 436.176081l220.156142-31.686676c2.191922-0.378623 4.288676-0.980327 6.274914-1.771343 7.674796-2.63092 14.32117-8.233522 18.061354-16.156982l97.392144-206.183919 96.550986 206.712969c4.422729 9.406231 13.205766 16.008602 23.483854 17.596773l219.638349 33.886785L691.986257 602.337471z" p-id="2780"></path></svg>
\ No newline at end of file