修改整体字体为阿里巴巴普惠体（可免费商用），修改所有图片容器背景为灰色

src/App.vue

@@ -30,5 +30,6 @@ html,
 body,
 #app {
   height: 100%;
+  
 }
 </style>

src/assets/styles/index.scss

@@ -12,7 +12,7 @@
 }
 
 #app {
-  font-family: Avenir, Helvetica, Arial, sans-serif;
+  font-family: "Alibaba-PuHuiTi",Avenir, Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }

src/main.js

@@ -6,7 +6,7 @@ import store from './store/index'
 import ElementUI from 'element-ui';
 import 'element-ui/lib/theme-chalk/index.css';
 import "@/assets/styles/index.scss"; //全局样式
-// import * as echarts from 'echarts'
+
 import './icons'
 
 import animated from 'animate.css';
@@ -14,11 +14,9 @@ import animated from 'animate.css';
 import VideoPlayer from 'vue-video-player'
 import 'video.js/dist/video-js.css'
 import 'vue-video-player/src/custom-theme.css'
+
 Vue.use(VideoPlayer)
-// 滚动动画 wow.js
-// import {
-//   WOW
-// } from '../public/static/js/wow'
+
 import {
   getFullUrl
 } from '@/utils/index'
@@ -30,20 +28,6 @@ Vue.use(ElementUI);
 // 全局注册动画效果
 Vue.use(animated);
 
-// Vue.prototype.$wow = new WOW({
-//   boxClass: 'wow', // default
-//   animateClass: 'animated', // default
-//   offset: 0, // default
-//   mobile: true, // default
-//   live: true,
-//   scrollContainer: null,
-//   resetAnimation: true,
-//   // live为true时，控制台会提示：MutationObserver is not supported by your browser. & WOW.js cannot detect dom mutations, please call .sync() after loading new content.
-//   callback: function (box) {
-//     console.log("WOW: animating <" + box.tagName.toLowerCase() + ">")
-//   }
-// })
-
 Vue.prototype.$getFullUrl = getFullUrl
 new Vue({
   router,

src/views/culturalRelic/Detail.vue

@@ -234,9 +234,15 @@
             <span>相关文物推荐</span>
             <div class="recommend-type">
               <el-radio-group v-model="currentRcKey" size="small">
-                <el-radio :label="'type'">按文物类别推荐</el-radio>
-                <el-radio :label="'years'">按文物年代推荐</el-radio>
-                <el-radio :label="'deptId'">按馆藏单位推荐</el-radio>
+                <el-radio :label="'type'" v-if="CRDetail.type"
+                  >按文物类别推荐</el-radio
+                >
+                <el-radio :label="'years'" v-if="CRDetail.years"
+                  >按文物年代推荐</el-radio
+                >
+                <el-radio :label="'deptId'" v-if="CRDetail.deptId"
+                  >按馆藏单位推荐</el-radio
+                >
               </el-radio-group>
             </div>
           </div>
@@ -623,7 +629,7 @@ $blue: #2069c4;
 
 .enlarge {
   position: absolute;
-  bottom: 40px;
+  bottom: 20px;
   right: 40px;
   display: flex;
   z-index: 9;
@@ -711,6 +717,7 @@ $blue: #2069c4;
             .img-container {
               height: 100%;
               width: 100%;
+              background: #f5f5f9;
               img {
                 width: 100%;
                 height: 100%;

src/views/display/components/BlueStyle.vue

@@ -656,7 +656,7 @@ $blue: #2069c4;
     margin: 0 10px;
     display: flex;
     align-items: center;
-    i{
+    i {
       margin-right: 10px;
       font-size: 38px;
       color: #2069c4;
@@ -698,7 +698,7 @@ $blue: #2069c4;
 
 .enlarge {
   position: absolute;
-  bottom: 40px;
+  bottom: 20px;
   right: 40px;
   display: flex;
   z-index: 9;
@@ -771,6 +771,7 @@ $blue: #2069c4;
               .img-container {
                 height: 100%;
                 width: 100%;
+                background-color: #f5f5f9;
                 img {
                   width: 100%;
                   height: 100%;
@@ -977,6 +978,7 @@ $blue: #2069c4;
               height: 100%;
               display: flex;
               flex-direction: column;
+              background-color: #f5f5f9;
               .images_img {
                 flex: 1;
               }
@@ -994,11 +996,10 @@ $blue: #2069c4;
             justify-content: center;
             align-items: center;
             font-size: 14px;
-            color:#999;
+            color: #999;
             i {
               margin: 0 10px;
               font-size: 20px;
-            
             }
           }
 
@@ -1034,7 +1035,7 @@ $blue: #2069c4;
             width: 100%;
             height: 460px;
             position: relative;
-
+            background-color: #f5f5f9;
             .cr-name-intro {
               width: 100%;
               height: 100%;

vue.config.js

@@ -49,8 +49,8 @@ module.exports = defineConfig({
     proxy: {
       '/api': {
         // target: 'http://192.168.1.230:9562/api',
-        target: 'http://222.85.214.245:9566/api',
-        // target:'http://192.168.1.230:9566/api',
+        target: 'http://222.85.214.245:9602/api',
+        // target:'http://192.168.1.230:9562/api',
         changeOrigin: true,
         pathRewrite: {
           '^/api': ''
@@ -58,7 +58,7 @@ module.exports = defineConfig({
       },
       '/files':{
         // target:'http://192.168.1.230:9563/files',
-        target: 'http://222.85.214.245:9563/files',
+        target: 'http://222.85.214.245:9604/files',
         changeOrigin: true,
         pathRewrite: {
           '^/files': ''