修改富文本字体为默认字体

src/assets/styles/variable.scss

@@ -8,3 +8,4 @@ $font-size-sm:14px;
 $font-size-base:16px;
 $font-size-lg:22px;
 
+$defaultFontFamily: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;

src/components/Breadcrumb/index.vue

+<template>
+    <el-breadcrumb separator-class="el-icon-arrow-right" >
+        <el-breadcrumb-item  v-for="(item, index) in list" :key="index" :to="{ path: item.path }">{{ item.name }}</el-breadcrumb-item>
+    </el-breadcrumb>
+</template>
+
+<script>
+
+export default {
+    name: 'Breadcrumb',
+    props: {
+        list: {
+            type: Array,
+            default: [
+                {
+                    name: '首页',
+                    path: "/"
+                }
+            ]
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-breadcrumb__inner{
+    color:#ccc;
+}
+
+::v-deep .el-breadcrumb__item:last-child .el-breadcrumb__inner{
+    color: #999;
+}
+
+::v-deep .el-breadcrumb__inner.is-link:hover{
+    color: #b5800a;
+}
+</style>    
\ No newline at end of file

src/views/ccProduct/Detail.vue

@@ -14,11 +14,7 @@
         <div class="title wow animate__animated animate__fadeInLeft">{{ productInfo.title }}</div>
         <div class="intro wow animate__animated animate__fadeInRight" v-html="productInfo.intro"></div>
         <div class="images wow animate__animated animate__fadeInUp">
-          <div
-            class="img-container"
-            v-for="(item, index) in productInfo.imagesVo"
-            :key="index"
-          >
+          <div class="img-container" v-for="(item, index) in productInfo.imagesVo" :key="index">
             <img :src="$getFullUrl(item.pressUrl)" />
           </div>
         </div>
@@ -67,21 +63,26 @@ export default {
   background: url("@/assets/imgs/ccproduct/wc-bg.png");
   min-height: calc(100vh - 300px);
   padding: 40px 13%;
-  .back{
+
+  .back {
     color: #999;
     margin: 30px 0;
     cursor: pointer;
   }
+
   .wrapper {
     background-color: #fff;
     min-height: calc(100vh - 300px);
+
     .header {
       position: relative;
+
       .dc-right {
         position: absolute;
         right: 0;
         bottom: 10px;
       }
+
       .dc-left {
         position: absolute;
         left: 0;
@@ -98,30 +99,38 @@ export default {
       }
     }
 
-    .body{
+    .body {
       padding: 400px 100px;
-      .title{
+
+      .title {
         font-size: 32px;
         font-family: "SourceHanSerifCN-Bold";
         color: #333;
       }
-      .intro,.deptName{
+
+      .intro,
+      .deptName {
         color: #999;
       }
-      .intro{
-        &>p{
+
+      .intro {
+        &>p {
           color: #666;
+          // font-family: $defaultFontFamily;
         }
       }
-      .images{
+
+      .images {
         padding: 20px 0;
         display: flex;
-        .img-container{
+
+        .img-container {
           width: 400px;
           height: 400px;
           background-color: #f7f7f7;
           margin: 20px;
-          img{
+
+          img {
             width: 100%;
             height: 100%;
             object-fit: contain;

src/views/culturalRelic/Detail.vue

@@ -6,17 +6,14 @@
     </div>
 
     <div class="wrapper wow animate__animated animate__fadeInUpBig">
+      <div class="breadcrumb">
+        <Breadcrumb :list="guideList" />
+      </div>
+
       <div class="inner">
         <!-- 展览基本信息 -->
         <div class="inner-left wow animate__animated animate__fadeInLeft">
-          <!-- <div>
-            <SlideImage :imgList="CRDetail.imagesVo" v-if="CRDetail.imagesVo && CRDetail.imagesVo.length > 0" />
-            <SlideImage :imgList="[{ pressUrl: CRDetail.faceImagePressUrl }]" v-else-if="CRDetail.faceImagePressUrl" />
-          </div> -->
 
-          <!-- <div>
-            <img :src="CRDetail.faceImagePressUrl" alt="" />
-          </div> -->
           <swiper :options="swiperOption2" ref="crSwiper">
             <swiper-slide v-for="(item, i) in imagesVo" :key="i">
               <div class="img-container" @click="handelPreviewImages(imagesVo)">
@@ -236,6 +233,7 @@ import videoPlayer from "@/components/VideoPlayer";
 import SlideImage from "@/components/SlideImage/slider.vue";
 import { isElementInViewport2 } from "@/utils/index";
 import { swiper, swiperSlide } from "vue-awesome-swiper";
+import Breadcrumb from '@/components/Breadcrumb/index'
 export default {
   components: {
     AudioPlayer,
@@ -244,6 +242,7 @@ export default {
     videoPlayer,
     SlideImage,
     swiper, swiperSlide,
+    Breadcrumb,
     "el-image-viewer": () =>
       import("element-ui/packages/image/src/image-viewer"),
   },
@@ -299,6 +298,16 @@ export default {
           prevEl: ".swiper-button-prev",
         },
       },
+      guideList: [
+        {
+          name: '首页',
+          path: '/',
+        },
+        {
+          name: '文物展示',
+          path: '/culturalRelic',
+        },
+      ]
     };
   },
   watch: {
@@ -351,6 +360,10 @@ export default {
         let res = await getRCDetailByIdV2({ crId });
         if (res.code == 0) {
           this.CRDetail = res.data.culturalRelicVo;
+          this.guideList.push({
+            name: this.CRDetail.name,
+            path: `/culturalRelic/${this.CRDetail.crId}`
+          })
           // this.relateRelics = res.data.recommendList.records;
           if (this.CRDetail.videosVo && this.CRDetail.videosVo.length > 0) {
             this.currentVideo = this.CRDetail.videosVo[0];
@@ -539,6 +552,12 @@ $node-w: 700px;
     }
   }
 
+  .breadcrumb {
+    padding: 60px;
+    position: relative;
+    z-index:999;
+  }
+
   .inner {
     width: 100%;
     display: flex;
@@ -549,6 +568,7 @@ $node-w: 700px;
       // position: relative;
       display: flex;
       align-items: center;
+      flex-direction: column;
 
       .swiper-container {
         height: 68vh;

src/views/display/components/ChStyle.vue

@@ -535,6 +535,13 @@ export default {
 };
 </script>
 
+<style lang="scss">
+.intro-content{
+  p{
+    font-family: $defaultFontFamily !important;
+  }
+}
+</style>
 <style lang="scss" scoped>
 // 中国风主题样式
 /**公共样式开始 */
@@ -750,7 +757,6 @@ $themeRed: #892325;
 
             .intro-content {
               font-size: 16px;
-              font-family: Microsoft YaHei;
               font-weight: 400;
               color: #444444;
               text-indent: 32px;

src/views/display/components/ChStyleUnit.vue

@@ -85,6 +85,14 @@ export default {
 };
 </script>
 
+
+<style lang="scss">
+.units-content-intro,.unit-intro{
+  p{
+    font-family: $defaultFontFamily !important;
+  }
+}
+</style>
 <style lang="scss" scoped>
 .units-content {
   margin: 100px 0;

src/views/display/components/NormalStyle.vue

@@ -545,8 +545,17 @@ export default {
 .page-item {
   cursor: pointer;
 }
+
+.display-detail_intro{
+  .intro-content{
+    p{
+      font-family: $defaultFontFamily !important;
+    }
+  }
+}
 </style>
 
+
 <style lang="scss" scoped>
 // 中国风主题样式
 /**公共样式开始 */

src/views/display/components/NormalStyleUnit.vue

@@ -120,6 +120,14 @@ export default {
 }
 </script>
 
+<style lang="scss">
+.unit-content_intro {
+  p {
+    // color: red !important;
+    font-family: $defaultFontFamily !important;
+  }
+}
+</style>
 <style lang="scss" scoped>
 .unit-container {
     margin-bottom: 40px;

src/views/display/components/RedStyle.vue

@@ -652,6 +652,15 @@ export default {
 };
 </script>
 
+
+<style lang="scss">
+.unit-content_intro {
+  p {
+    // color: red !important;
+    font-family: $defaultFontFamily !important;
+  }
+}
+</style>
 <style lang="scss" scoped>
 $themeColor: #a30e0c;