修改按钮间隙、未选中按钮字体颜色

src/components/EntranceIcon/index.vue

@@ -52,7 +52,7 @@ export default {
     transform: rotate(45deg);
     position: absolute;
     right: -2px;
-    top: -3px;
+    top: -5px;
   }
 }
 </style>

src/views/culturalRelic/Detail.vue

@@ -427,8 +427,10 @@ export default {
       }
     },
     handleToDetail(crId) {
-      console.log(crId);
-      this.$router.replace({ name: "culturalRelicDetail", params: { crId } });
+      const newPage = this.$router.resolve({
+        path: `culturalReli/${crId}`,
+      });
+      window.open(newPage.href, "_blank");
     },
     // 点击音频
     handleClickAudio() {
@@ -812,11 +814,11 @@ $blue: #2069c4;
               justify-content: center;
               align-items: center;
               transition: all ease 0.5s;
-              background-image: linear-gradient(
-                to top,
-                rgba(0, 0, 0, 0.8),
-                rgba(0, 0, 0, 0.1)
-              );
+              // background-image: linear-gradient(
+              //   to top,
+              //   rgba(0, 0, 0, 0.8),
+              //   rgba(0, 0, 0, 0.1)
+              // );
               .cr-name {
                 font-size: 48px;
                 font-weight: bold;
@@ -824,6 +826,7 @@ $blue: #2069c4;
                 text-align: center;
                 margin-bottom: 40px;
                 transition: all 0.5s ease;
+                opacity: 0;
               }
               .cr-intro {
                 font-size: 16px;
@@ -845,11 +848,16 @@ $blue: #2069c4;
           }
           &:first-child {
             .cr-name-intro {
+              &:hover {
                 background-image: linear-gradient(
                   to top,
                   rgba(0, 0, 0, 0.8),
                   rgba(0, 0, 0, 0.1)
                 );
+                .cr-name {
+                  opacity: 1;
+                }
+              }
             }
           }
           &:not(&:first-child) {

src/views/culturalRelic/index.vue

@@ -615,6 +615,8 @@ $text-indent: 16px;
     border-radius: 50%;
     background: #2069c4;
     min-width: 0;
+    margin: 0 10px;
+    color: #b7b7b7;
   }
   .active {
     color: #fff;

src/views/display/index.vue

@@ -536,6 +536,8 @@ $text-indent: 16px;
     border-radius: 50%;
     background: #2069c4;
     min-width: 0;
+    margin: 0 10px;
+    color: #b7b7b7;
   }
   .active {
     color: #fff;

src/views/home/components/CulturalRelic.vue

@@ -177,7 +177,8 @@ $blue: #2069c4;
       bottom: 0;
       width: 100%;
       padding: 16px;
-      background-color: rgba($color: #000000, $alpha: 0.1);
+      // background-color: rgba($color: #000000, $alpha: 0.2);
+      background-image: linear-gradient(to top,rgba(0,0,0,0.5),rgba(0,0,0,0.2));
       color: #fff;
       transform: translateY(100px);
       text-align: right;

src/views/museum/Detail.vue

@@ -7,9 +7,9 @@
         <span>返回上页 </span>
       </div>
       <el-row class="detail-container" :gutter="10">
-        <el-col class="cr-images" :span="18">
+        <el-col class="cr-images" :span="24">
           <el-image
-            style="width: 100%; height:400px"
+            style="width: 100%; height:600px"
             :src="$getFullUrl(museumDetail.faceImagePressUrl || museumDetail.faceImageUrl)"
             fit="contain"
           ></el-image>
@@ -17,7 +17,7 @@
             <img src="@/assets/imgs/enlarge-s.png" alt="" />
           </div>
         </el-col>
-        <el-col class="relic-info" :span="8">
+        <el-col class="relic-info" :span="24">
           <div class="info-title">
             <div
               style="
@@ -45,7 +45,7 @@
               v-if="CRDetail.audiosVo && CRDetail.audiosVo.length > 0"
             /> -->
           </div>
-          <div class="intro"> {{ museumDetail.intro }}</div>
+          <div class="intro" v-html="museumDetail.intro"></div>
           <!-- <div class="info-body">
             <div class="basic-info">
               <div class="body-item">
@@ -127,7 +127,8 @@ export default {
     },
 
     handleBack() {
-      this.$router.go(-1);
+      // this.$router.go(-1);
+      this.$router.push({path:'/museum'})
     },
 
     closeImgViewer() {
@@ -138,10 +139,7 @@ export default {
       this.imgViewerVisible = true;
       this.imgList = [this.$getFullUrl(this.museumDetail.faceImageUrl)];
     },
-    handleToDetail(crId) {
-      console.log(crId);
-      this.$router.replace({ name: "culturalRelicDetail", params: { crId } });
-    },
+
   },
 };
 </script>
@@ -183,9 +181,10 @@ $label: #9f9c9a;
       height: auto;
     }
     .cr-images {
-      width: 700px;
-      margin-right: 32px;
+      // width: 700px;
+      // margin-right: 32px;
       position: relative;
+      margin-bottom: 20px;
       .el-image {
         background-color: #f5f5f9;
       }
@@ -213,8 +212,9 @@ $label: #9f9c9a;
     .relic-info {
       .info-title {
         display: flex;
+        justify-content: center;
         // align-items: center;
-        flex-direction: column;
+        // flex-direction: column;
         margin-bottom: 10px;
       }
       .info-body {
@@ -237,9 +237,9 @@ $label: #9f9c9a;
         }
       }
 
-      // .intro{
-      //   text-indent: 32px;
-      // }
+      .intro{
+        text-indent: 32px;
+      }
     }
 
     .title-container {

src/views/museum/index.vue

@@ -41,9 +41,10 @@
             v-for="(item, index) in list.records"
             :key="index"
           >
+          <!-- id为1 的是文旅厅 -->
             <div
               class="container wow animate__animated animate__fadeInUp"
-              v-if="item.status == 1"
+              v-if="item.status == 1 && item.id != '1'"
             >
               <div class="img-container">
                 <img
@@ -207,9 +208,11 @@ export default {
       e.target.src = require("@/assets/404_images/no-pic.png");
     },
     handleClick(item) {
-      this.$router.push({
-        path: "museum/" + item.id,
+      const { id } = item;
+      const newPage = this.$router.resolve({
+        path: `museum/${id}`,
       });
+      window.open(newPage.href, "_blank");
     },
 
     handleTypeChange(value) {
@@ -442,6 +445,8 @@ $text-indent: 16px;
     border-radius: 50%;
     background: #2069c4;
     min-width: 0;
+    margin: 0 10px;
+    color: #b7b7b7;
   }
   .active {
     color: #fff;

src/views/virtual/index.vue

@@ -478,6 +478,8 @@ $text-indent: 16px;
     border-radius: 50%;
     background: #2069c4;
     min-width: 0;
+    margin: 0 10px;
+    color: #b7b7b7;
   }
   .active {
     color: #fff;