红色主题

src/components/Footer/index.vue

@@ -4,7 +4,7 @@
     :class="{
       footer: true,
       //isHome:isHome,
-      isChStyle: navbarStyle == '2',
+      //isChStyle: navbarStyle == '2',
       isRedStyle: navbarStyle == '3',
       isSDCS: navbarStyle == '4',
       isSMGZ: navbarStyle == '5',
@@ -230,7 +230,9 @@ export default {
   background-color: #892325 !important;
 }
 .isRedStyle {
-  background-color: #a30e0c !important;
+  background-color: #813525 !important;
+  position: relative;
+  top: -$nav-height;
 }
 
 .isSDCS {

src/components/NavBar/index.vue

@@ -6,7 +6,7 @@
       'header-fixed ': isFixed,
       // 'header-absolute': isHome || isBoutique,
       //'show-themeColor': isFixed && isHome,
-      isChStyle: navbarStyle == '2',
+      //isChStyle: navbarStyle == '2',
       isRedStyle: navbarStyle == '3',
       isSDCS: navbarStyle == '4' && isFixed,
       isSMGZ: navbarStyle == '5' && isFixed,
@@ -601,7 +601,8 @@ export default {
 }
 
 .isRedStyle {
-  background-color: #a30e0c !important;
+  // background-color: #813525 !important;
+  background-color: rgba(0,0,0,0.25) !important;
 }
 
 .isSDCS {

src/components/ReaderOperations/index.vue

 <template>
   <div class="reader-operations">
-    <span class="operations">
-      <span class="operation-item" v-if="like">
+    <span
+      class="operations"
+      :style="{
+        color: color,
+      }"
+    >
+      <span class="operation-item">
+        <svg-icon
+          icon-class="view"
+          :style="{
+            fontSize: iconSize + 'px',
+            color: color,
+          }"
+        ></svg-icon>
+        <span>{{ formatNum(info.browseCount) }}</span>
+      </span>
+      <span class="operation-item">
         <svg-icon
           @click="handleLike"
-          icon-class="like-s"
+          :icon-class="info.loaveCountStatus ? 'dianzan-s' : 'dianzan'"
           :style="{
             fontSize: iconSize + 'px',
-            color: loveCountStatus ? selectColor : '#61666d',
+            color: info.loaveCountStatus ? selectColor : color,
           }"
         ></svg-icon>
         <span>{{
-          formatNum(loveCount) == 0 ? "点赞" : formatNum(loveCount)
+          formatNum(info.loveCount) == 0 ? "点赞" : formatNum(info.loveCount)
         }}</span>
       </span>
-      <span class="operation-item" @click="handleCollect" v-if="collect">
+      <span class="operation-item" @click="handleCollect">
         <svg-icon
-          icon-class="collect-s-2"
+          :icon-class="info.collectCountStatus ? 'collect-s' : 'collect'"
           :style="{
             fontSize: iconSize + 'px',
-            color: collectCountStatus ? selectColor : '#61666d',
+            color: info.collectCountStatus ? selectColor : color,
           }"
         ></svg-icon>
         <span>{{
-          formatNum(collectCount) == 0 ? "收藏" : formatNum(collectCount)
+          formatNum(info.collectCount) == 0
+            ? "收藏"
+            : formatNum(info.collectCount)
         }}</span>
       </span>
-      <span v-if="share" class="operation-item" @click="handleShare">
+      <span class="operation-item" @click="handleShare">
         <svg-icon
           icon-class="share2"
           :style="{
@@ -82,62 +99,90 @@ import { debounce, formatNum } from "@/utils/index";
 export default {
   name: "ReaderOperations",
   props: {
-    // 是否需要点赞,默认需要
-    like: {
-      type: Boolean,
-      default: true,
-    },
-    // 是否需要收藏，默认需要
-    collect: {
-      type: Boolean,
-      default: true,
-    },
-    // 是否需要分享，默认需要
-    share: {
-      type: Boolean,
-      default: true,
-    },
-    // 点赞数量
-    loveCount: {
-      type: String,
-      default: "0",
-    },
-    // 收藏数量
-    collectCount: {
-      type: String,
-      default: "0",
-    },
-    // 点赞状态
-    loveCountStatus: {
-      type: Boolean,
-      default: false,
-    },
-    // 收藏状态
-    collectCountStatus: {
-      type: Boolean,
-      default: false,
-    },
-    sourceId: {
-      type: String,
-      default: "",
+    // // 是否需要点赞,默认需要
+    // like: {
+    //   type: Boolean,
+    //   default: true,
+    // },
+    // // 是否需要收藏，默认需要
+    // collect: {
+    //   type: Boolean,
+    //   default: true,
+    // },
+    // // 是否需要分享，默认需要
+    // share: {
+    //   type: Boolean,
+    //   default: true,
+    // },
+    // // 点赞数量
+    // loveCount: {
+    //   type: String,
+    //   default: "0",
+    // },
+    // // 收藏数量
+    // collectCount: {
+    //   type: String,
+    //   default: "0",
+    // },
+    // // 点赞状态
+    // loveCountStatus: {
+    //   type: Boolean,
+    //   default: false,
+    // },
+    // // 收藏状态
+    // collectCountStatus: {
+    //   type: Boolean,
+    //   default: false,
+    // },
+    // sourceId: {
+    //   type: String,
+    //   default: "",
+    // },
+    info: {
+      type: Object,
+      default: () => ({}),
     },
     // 来源类型 biz_cultural_relic-文物；biz_exhibition-布展；biz_elite_exhibition-精品展
     sourceType: {
       type: String,
       default: "",
     },
-    title: {
-      type: String,
-      default: "",
-    },
+    // title: {
+    //   type: String,
+    //   default: "",
+    // },
     iconSize: {
       type: [Number, String],
       default: 28,
     },
+    color: {
+      type: String,
+      default: "#fff",
+    },
     selectColor: {
       type: String,
-      default: "$themeColor",
+      default: "#fff",
     },
+    // //图标未选中时的颜色
+    // iconColor: {
+    //   type: String,
+    //   default: "#fff",
+    // },
+    // //图标选中时的颜色
+    // selectIconColor: {
+    //   type: String,
+    //   default: "#fff",
+    // },
+    // // 文字未选中时的颜色
+    // fontColor: {
+    //   type: String,
+    //   default: "#fff",
+    // },
+    // // 文本选中时的颜色
+    // selectFontColor: {
+    //   type: String,
+    //   default: "#fff",
+    // },
   },
   data() {
     return {
@@ -152,10 +197,19 @@ export default {
   methods: {
     handleCollect: debounce(function () {
       if (this.token) {
+        let sourceId;
+        let title;
+        if (this.sourceType == "biz_cultural_relic") {
+          sourceId = this.info.crId;
+          title = this.info.name;
+        } else if (this.sourceType == "biz_exhibition") {
+          sourceId = this.info.exhibitionId;
+          title = this.info.title;
+        }
         const params = {
-          sourceId: this.sourceId,
           sourceType: this.sourceType,
-          title: this.title,
+          sourceId,
+          title,
         };
         this.$store.dispatch("user/toggleCollect", params).then(() => {
           if (!this.collectCountStatus) {
@@ -173,13 +227,22 @@ export default {
     // 点赞
     handleLike: debounce(function () {
       if (this.token) {
+        let sourceId;
+        let title;
+        if (this.sourceType == "biz_cultural_relic") {
+          sourceId = this.info.crId;
+          title = this.info.name;
+        } else if (this.sourceType == "biz_exhibition") {
+          sourceId = this.info.exhibitionId;
+          title = this.info.title;
+        }
         const params = {
-          sourceId: this.sourceId,
           sourceType: this.sourceType,
-          title: this.title,
+          sourceId,
+          title,
         };
         this.$store.dispatch("user/toggleLike", params).then(() => {
-          if (!this.loveCountStatus) {
+          if (!this.info.loaveCountStatus) {
             // 点赞
             this.$message.success("已点赞！");
           } else {
@@ -230,9 +293,9 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.reader-operations{
+.reader-operations {
   width: 100%;
-  max-width: 300px;
+  max-width: 500px;
 }
 .operations {
   // margin-top: 22px;
@@ -242,14 +305,12 @@ export default {
   .operation-item {
     display: flex;
     align-items: center;
-    // margin-right: 32px;
     cursor: pointer;
     font-size: 14px;
   }
   .svg-icon {
     margin-right: 10px;
     font-size: 24px;
-    color: #61666d;
   }
   .like {
     color: #831122;

src/icons/svg/collect-s-2.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="1667543993617" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4363" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48"><path d="M284.458667 941.397333c-36.437333 15.637333-68.48-7.68-64.896-47.168l22.613333-248.917333-164.394667-188.053333c-26.069333-29.824-13.653333-67.562667 24.789334-76.309334l243.370666-55.381333 127.786667-214.677333c20.288-34.090667 59.946667-34.069333 80.213333 0l127.786667 214.677333 243.370667 55.381333c38.656 8.789333 50.858667 46.485333 24.789333 76.309334l-164.394667 188.053333 22.741334 249.002667c3.605333 39.509333-28.458667 62.805333-64.896 47.146666l-229.504-98.517333-229.376 98.453333z" p-id="4364"></path></svg>
\ No newline at end of file

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>
+<?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="1671607074293" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4937" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128"><path d="M335.008 916.629333c-35.914667 22.314667-82.88 10.773333-104.693333-25.557333a77.333333 77.333333 0 0 1-8.96-57.429333l46.485333-198.24a13.141333 13.141333 0 0 0-4.021333-12.864l-152.16-132.586667c-31.605333-27.52-35.253333-75.648-8.234667-107.733333a75.68 75.68 0 0 1 51.733333-26.752L354.848 339.2c4.352-0.362667 8.245333-3.232 10.026667-7.594667l76.938666-188.170666c16.032-39.2 60.618667-57.92 99.52-41.461334a76.309333 76.309333 0 0 1 40.832 41.461334l76.938667 188.16c1.781333 4.373333 5.674667 7.253333 10.026667 7.605333l199.712 16.277333c41.877333 3.413333 72.885333 40.458667 69.568 82.517334a76.938667 76.938667 0 0 1-26.08 51.978666l-152.16 132.586667c-3.541333 3.082667-5.141333 8.074667-4.021334 12.853333l46.485334 198.24c9.621333 41.013333-15.36 82.336-56.138667 92.224a75.285333 75.285333 0 0 1-57.525333-9.237333l-170.976-106.24a11.296 11.296 0 0 0-12.010667 0l-170.986667 106.24z" p-id="4938"></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="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>
+<?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="1671607054461" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4481" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128"><path d="M335.008 916.629333c-35.914667 22.314667-82.88 10.773333-104.693333-25.557333a77.333333 77.333333 0 0 1-8.96-57.429333l46.485333-198.24a13.141333 13.141333 0 0 0-4.021333-12.864l-152.16-132.586667c-31.605333-27.52-35.253333-75.648-8.234667-107.733333a75.68 75.68 0 0 1 51.733333-26.752L354.848 339.2c4.352-0.362667 8.245333-3.232 10.026667-7.594667l76.938666-188.170666c16.032-39.2 60.618667-57.92 99.52-41.461334a76.309333 76.309333 0 0 1 40.832 41.461334l76.938667 188.16c1.781333 4.373333 5.674667 7.253333 10.026667 7.605333l199.712 16.277333c41.877333 3.413333 72.885333 40.458667 69.568 82.517334a76.938667 76.938667 0 0 1-26.08 51.978666l-152.16 132.586667c-3.541333 3.082667-5.141333 8.074667-4.021334 12.853333l46.485334 198.24c9.621333 41.013333-15.36 82.336-56.138667 92.224a75.285333 75.285333 0 0 1-57.525333-9.237333l-170.976-106.24a11.296 11.296 0 0 0-12.010667 0l-170.986667 106.24zM551.786667 756.032l170.976 106.24c2.624 1.621333 5.717333 2.122667 8.650666 1.408 6.410667-1.557333 10.56-8.426667 8.928-15.424l-46.485333-198.24a77.141333 77.141333 0 0 1 24.277333-75.733333L870.293333 441.706667c2.485333-2.165333 4.053333-5.312 4.330667-8.746667 0.565333-7.136-4.490667-13.173333-10.976-13.696l-199.712-16.288a75.989333 75.989333 0 0 1-64.064-47.168l-76.938667-188.16a12.309333 12.309333 0 0 0-6.538666-6.741333c-5.898667-2.496-12.725333 0.373333-15.328 6.741333l-76.949334 188.16a75.989333 75.989333 0 0 1-64.064 47.168l-199.701333 16.288a11.68 11.68 0 0 0-7.978667 4.181333 13.226667 13.226667 0 0 0 1.333334 18.261334l152.16 132.586666a77.141333 77.141333 0 0 1 24.277333 75.733334l-46.485333 198.229333a13.333333 13.333333 0 0 0 1.514666 9.877333c3.488 5.792 10.581333 7.530667 16.064 4.128l170.986667-106.229333a75.296 75.296 0 0 1 79.562667 0z" p-id="4482"></path></svg>
\ No newline at end of file

src/icons/svg/dianzan-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="1671607060729" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4633" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128"><path d="M64 483.04V872c0 37.216 30.144 67.36 67.36 67.36H192V416.32l-60.64-0.64A67.36 67.36 0 0 0 64 483.04zM857.28 344.992l-267.808 1.696c12.576-44.256 18.944-83.584 18.944-118.208 0-78.56-68.832-155.488-137.568-145.504-60.608 8.8-67.264 61.184-67.264 126.816v59.264c0 76.064-63.84 140.864-137.856 148L256 416.96v522.4h527.552a102.72 102.72 0 0 0 100.928-83.584l73.728-388.96a102.72 102.72 0 0 0-100.928-121.824z" p-id="4634"></path></svg>
\ No newline at end of file

src/icons/svg/dianzan.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="1671607066277" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4785" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128"><path d="M857.28 344.992h-264.832c12.576-44.256 18.944-83.584 18.944-118.208 0-78.56-71.808-153.792-140.544-143.808-60.608 8.8-89.536 59.904-89.536 125.536v59.296c0 76.064-58.208 140.928-132.224 148.064l-117.728-0.192A67.36 67.36 0 0 0 64 483.04V872c0 37.216 30.144 67.36 67.36 67.36h652.192a102.72 102.72 0 0 0 100.928-83.584l73.728-388.96a102.72 102.72 0 0 0-100.928-121.824zM128 872V483.04c0-1.856 1.504-3.36 3.36-3.36H208v395.68H131.36A3.36 3.36 0 0 1 128 872z m767.328-417.088l-73.728 388.96a38.72 38.72 0 0 1-38.048 31.488H272V476.864a213.312 213.312 0 0 0 173.312-209.088V208.512c0-37.568 12.064-58.912 34.72-62.176 27.04-3.936 67.36 38.336 67.36 80.48 0 37.312-9.504 84-28.864 139.712a32 32 0 0 0 30.24 42.496h308.512a38.72 38.72 0 0 1 38.048 45.888z" p-id="4786"></path></svg>
\ No newline at end of file

src/icons/svg/view.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="1657871877834" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13638" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
-</style></defs><path d="M1024 512c-93.44 180.224-287.744 303.872-512 303.872S93.44 692.224 0 512c93.44-180.224 287.744-303.872 512-303.872S930.56 331.776 1024 512zM512 698.112c110.08 0 199.168-85.248 199.168-190.464S622.08 317.184 512 317.184s-199.168 85.248-199.168 190.464S401.92 698.112 512 698.112z" p-id="13639"></path><path d="M369.664 512c0 83.2 63.744 150.784 142.336 150.784S654.336 595.2 654.336 512 590.592 361.216 512 361.216 369.664 428.8 369.664 512z" p-id="13640"></path></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="1671608555533" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4541" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128"><path d="M997 435.6c-28.2-36.7-65.4-81.4-107.4-122.2-54.6-53.2-110.5-95.6-166.1-126.3-71.2-39.2-142-59.1-210.7-59.1s-139.6 19.9-210.7 59.1c-55.5 30.7-111.4 73.1-166.1 126.3-42 40.8-79.3 85.5-107.5 122.1-34.8 45.3-34.8 107.8 0 153.1 28.2 36.7 65.4 81.4 107.4 122.2C190.5 764 246.5 806.4 302 837.1c71.2 39.2 142.1 59.1 210.7 59.1 68.7 0 139.6-19.9 210.8-59 55.5-30.7 111.4-73.1 166.1-126.3 42-40.8 79.3-85.6 107.4-122.2 34.8-45.3 34.8-107.8 0-153.1z m-37.3 99c-66.2 89-243.8 299-446.8 299-57.5 0-117.7-17.1-179-50.8-50.5-27.7-101.7-66.6-152.2-115.6-51.1-49.5-91-99.5-115.7-132.6-10-13.5-10-31.6 0-44.9 66.1-89 243.7-299 446.8-299 57.5 0 117.6 17.1 179 50.8 50.5 27.7 101.7 66.6 152.2 115.6 51.1 49.5 91 99.5 115.7 132.6 9.9 13.4 9.9 31.6 0 44.9z" p-id="4542"></path><path d="M512 321.7c-105.7 0-191.6 86-191.6 191.6 0 105.7 86 191.6 191.6 191.6s191.6-86 191.6-191.6c0-105.7-86-191.6-191.6-191.6z m0 319.2c-70.3 0-127.6-57.2-127.6-127.6S441.7 385.7 512 385.7s127.6 57.2 127.6 127.6S582.3 640.9 512 640.9z" p-id="4543"></path></svg>
\ No newline at end of file
\ No newline at end of file