优化点赞收藏分享

src/components/ReaderOperations/index.vue

@@ -4,17 +4,21 @@
       <span class="operation-item" v-if="like">
         <svg-icon
           @click="handleLike"
-          :icon-class="loveCountStatus?'mz-collect-s':'mz-collect'"
-          :style="{ fontSize: iconSize + 'px' }"
-          :class="loveCountStatus ? 'like' : ''"
+          :icon-class="loveCountStatus ? 'mz-collect-s' : 'mz-collect'"
+          :style="{
+            fontSize: iconSize + 'px',
+            color: loveCountStatus ? selectColor : '#61666d',
+          }"
         ></svg-icon>
         <span>{{ formatNum(loveCount) }}</span>
       </span>
       <span class="operation-item" @click="handleCollect" v-if="collect">
         <svg-icon
           icon-class="collect"
-          :style="{ fontSize: iconSize + 'px' }"
-          :class="collectCountStatus ? 'collect' : ''"
+          :style="{
+            fontSize: iconSize + 'px',
+            color: loveCountStatus ? selectColor : '#61666d',
+          }"
         ></svg-icon>
         <span>{{ formatNum(collectCount) }}</span>
       </span>
@@ -22,7 +26,10 @@
         <svg-icon
           icon-class="mz-fx"
           class="collect"
-          :style="{ fontSize: iconSize + 'px' }"
+          :style="{
+            fontSize: iconSize + 'px',
+            color: loveCountStatus ? selectColor : '#61666d',
+          }"
         ></svg-icon>
         <span>分享</span>
       </span>
@@ -31,7 +38,7 @@
       title="登录提示"
       :visible.sync="loginDialogVisible"
       width="30%"
-      :before-close="handleLoginClose" 
+      :before-close="handleLoginClose"
       :modal="false"
     >
       <span>读者功能需登录进行使用，是否去登录？</span>
@@ -130,6 +137,10 @@ export default {
       type: [Number, String],
       default: 32,
     },
+    selectColor: {
+      type: String,
+      default: "#2069c4",
+    },
   },
   data() {
     return {

src/views/culturalRelic/Detail.vue

@@ -2,7 +2,7 @@
 <template>
   <div class="cr-detail">
     <div class="wrapper">
-      <div class="back">
+      <div class="back" @click="handleBack">
         <svg-icon icon-class="mz-fh"></svg-icon>
         <span>返回上页 </span>
       </div>

src/views/display/components/BlueStyle.vue

@@ -618,7 +618,7 @@ export default {
     .divider {
       flex: 1;
       height: 6px;
-      background: url("@/assets/imgs/display/normal/divider.png");
+      background: url("@/assets/imgs/display/normal/divider.png") 100% 100% repeat-x;
       img {
         width: 100%;
       }

src/views/display/components/ChStyle.vue

@@ -89,6 +89,7 @@
                 :title="displayDetail.title"
                 :sourceType="'biz_exhibition'"
                 @reload="reload"
+                :selectColor="'#892325'"
               />
             </div>
           </div>

src/views/display/components/NormalStyle.vue

@@ -2,7 +2,7 @@
 <template>
   <div class="display-detail">
     <div class="wrapper">
-      <div class="back">
+      <div class="back"  @click="handleBack">
         <svg-icon icon-class="mz-fh"></svg-icon>
         <span>返回上页 </span>
       </div>

src/views/display/components/RedStyle.vue

@@ -115,6 +115,7 @@
                     :title="displayDetail.title"
                     :sourceType="'biz_exhibition'"
                     @reload="reload"
+                    :selectColor="'#a30e0c'"
                   />
                 </el-col>
               </el-row>

src/views/museum/Detail.vue

@@ -2,7 +2,7 @@
 <template>
   <div class="display-detail">
     <div class="wrapper">
-      <div class="back">
+      <div class="back"  @click="handleBack"> 
         <svg-icon icon-class="mz-fh"></svg-icon>
         <span>返回上页 </span>
       </div>