优化部分

src/assets/styles/index.scss

@@ -260,3 +260,17 @@ li {
     position: relative;
   }
 }
+
+.list-total{
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  font-size: 16px;
+  padding: 8px 14%;
+  background-color: #fff;
+  .list-total-num{
+    font-size: 24px;
+    color: $themeSecondaryColor;
+    margin: 0 6px;
+  }
+}
\ No newline at end of file

src/assets/styles/variable.scss

@@ -10,6 +10,6 @@ $font-size-sm:14px;
 $font-size-base:16px;
 $font-size-lg:22px;
 
-$nav-height: 130px;
+$nav-height: 120px;
 
 $defaultFontFamily: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;

src/components/NavBar/index.vue

@@ -5,7 +5,7 @@
       'header-absolute': isAbsolute,
       'header-fixed ': isFixed,
       // 'header-absolute': isHome || isBoutique,
-      //'show-themeColor': isFixed && isHome,
+      'show-themeColor': showThemeColor,
       isChStyle: navbarStyle == '2',
       isRedStyle: navbarStyle == '3',
       isSDCS: navbarStyle == '4' && isFixed,
@@ -46,7 +46,9 @@
             <el-dropdown trigger="click">
               <el-button round>
                 <i class="el-icon-user"></i>
-                <span>{{hasToken?userInfo.nickName||userInfo.username:'登录'}}</span>
+                <span>{{
+                  hasToken ? userInfo.nickName || userInfo.username : "登录"
+                }}</span>
                 <!-- <i class="el-icon-arrow-down el-icon--right"></i> -->
               </el-button>
               <el-dropdown-menu slot="dropdown">
@@ -252,7 +254,7 @@ export default {
             path: "/ccProduct",
           };
         }
-        if (value.params.themeType) { 
+        if (value.params.themeType) {
           this.$store.commit("app/CHANGE_NAV_COLOR", value.params.themeType);
         } else {
           this.$store.commit("app/CHANGE_NAV_COLOR", "1");
@@ -273,6 +275,7 @@ export default {
     },
     "$route.path"(cur) {
       this.getAbsolute(cur);
+      this.isListPage(cur)
     },
   },
   data() {
@@ -378,6 +381,7 @@ export default {
         },
       ],
       isAbsolute: true,
+      showThemeColor: false,
     };
   },
   mounted() {
@@ -392,6 +396,7 @@ export default {
 
     let path = this.$route.path;
     this.getAbsolute(path);
+    this.isListPage(path)
   },
   methods: {
     getAbsolute(path) {
@@ -403,6 +408,13 @@ export default {
         this.isAbsolute = true;
       }
     },
+    isListPage(path) {
+      let listPages = ["/display", "/culturalRelic", "/museum", "/ccProduct"];
+      let arr = listPages.filter((item) => {
+        return path === item;
+      });
+      this.showThemeColor = arr.length > 0;
+    },
     initHeight() {
       let scrollTop =
         window.pageYOffset ||
@@ -592,18 +604,17 @@ export default {
 }
 
 .show-themeColor {
-  background-color: #2069c4 !important;
+  background-color: $themeColor !important;
 }
 
 .isChStyle {
   // background-color: #892325 !important;
-  background-color: rgba(0,0,0,0.25) !important;
-
+  background-color: rgba(0, 0, 0, 0.25) !important;
 }
 
 .isRedStyle {
   // background-color: #813525 !important;
-  background-color: rgba(0,0,0,0.25) !important;
+  background-color: rgba(0, 0, 0, 0.25) !important;
 }
 
 .isSDCS {
@@ -630,19 +641,19 @@ export default {
   position: relative;
   z-index: 99;
   box-shadow: rgba(0, 0, 0, 0.3) 0 1px 5px 0px;
-  padding-top: 10px;
+  // padding-top: 10px;
   .container {
     width: 100%;
     height: 100%;
     display: flex;
     align-items: center;
     justify-content: space-between;
-    padding: 0 70px 0 100px;
+    padding: 6px 70px 0 100px;
     flex-direction: column;
     .logo-container {
       display: flex;
       align-items: center;
-      margin-bottom: 16px;
+      // margin-bottom: 6px;
       img {
         width: 50px;
         height: 50px;

src/views/ccProduct/index.vue

 <template>
   <div class="cultural-relic">
-    <ListBanner
+    <!-- <ListBanner
       title="共计已上线文创产品"
       :num="list.total"
       unit="件/套"
       :info="['文创', '展示']"
-    />
+    /> -->
     <div class="content-wrapper">
       <div class="content">
         <el-row
@@ -46,7 +46,6 @@
             </el-cascader>
           </el-col>
           <el-col :span="6">
-
             <el-input
               class="input item"
               v-model="keyword"
@@ -63,9 +62,15 @@
             </div>
           </el-col>
         </el-row>
+
+        <div class="list-total">
+          共计文创产品
+          <span class="list-total-num">{{ list.total }}</span>
+          件/套
+        </div>
         <el-row :gutter="40" class="cr-list">
           <el-col
-            :span="item.status == 1 ? 8 : 0"
+            :span="item.status == 1 ? 6 : 0"
             class="cr-item"
             @click.native="handleClick(item)"
             @mouseenter.native="handleEnterImg(item)"
@@ -325,7 +330,7 @@ export default {
   position: absolute;
 }
 
- .cascader .el-radio__input.is-checked .el-radio__inner {
+.cascader .el-radio__input.is-checked .el-radio__inner {
   background: transparent;
 }
 </style>
@@ -437,9 +442,12 @@ $text-indent: 16px;
     .content {
       // width: 100%;
       box-shadow: 0px 1px 56px 4px rgba(0, 0, 0, 0.16);
-      .search-button{
+      .search {
+        padding: 48px 0 32px;
+      }
+      .search-button {
         height: 44px;
-        &:hover{
+        &:hover {
           color: #000;
         }
       }

src/views/culturalRelic/index.vue

 <template>
   <div class="cultural-relic">
-    <ListBanner
+    <!-- <ListBanner
       title="共计文物"
       unit="件/套"
       :info="['文物', '展示']"
       :num="list.total"
-    />
+    /> -->
     <div class="search-bar wow animate__animated animate__fadeIn">
       <div class="search-wrapper">
         <el-row :gutter="40">
@@ -23,7 +23,7 @@
           </el-col>
           <el-col :span="6">
             <div :span="4" class="search-item" @click="handleClickThreeD">
-              <div class="text">3D文物</div>
+              <div class="text">是否有3D链接</div>
               <svg-icon
                 :icon-class="onlyShow3d ? 'filter-s' : 'filter'"
               ></svg-icon>
@@ -61,9 +61,11 @@
         </el-scrollbar>
       </div>
     </transition>
-    <!-- <div class="total">
-        <span>共{{list.total}}件文物</span>
-      </div> -->
+      <div class="list-total">
+      共计文物
+      <span class="list-total-num">{{ list.total }}</span>
+      件/套
+    </div>
     <div class="content-wrapper relic">
       <div class="content">
         <el-row :gutter="40" class="cr-list">
@@ -402,7 +404,7 @@ $text-indent: 16px;
     flex-direction: column;
     // padding: 24px 20%;
     // padding: 16px 13%;
-    padding: 16px 0;
+    padding:48px 0 16px;
     background: #fff;
     .search-wrapper {
       //   display: flex;
@@ -625,7 +627,7 @@ $text-indent: 16px;
     // padding-bottom: 126px;
 
     .content {
-      padding: 16px 0 60px;
+      padding: 0 0 60px;
       //   width: 100%;
       // margin-top: 32px;
       // box-shadow: 0px 1px 56px 4px rgba(0, 0, 0, 0.16);

src/views/display/index.vue

 <template>
   <div class="display">
-    <!-- <NavBar /> -->
-    <ListBanner
+    <!-- <ListBanner
       title="共计已上线展览"
       :num="list.total"
       :info="['展览', '展示']"
-    />
+    /> -->
     <!-- <div class="search-bar wow animate__animated animate__fadeIn">
       <div class="search-wrapper">
         <div class="search-item" @click="handleClickSearchBar('type')">
@@ -56,6 +55,11 @@
         </el-col>
       </el-row>
     </div>
+    <div class="list-total">
+      共计展览
+      <span class="list-total-num">{{ list.total }}</span>
+      个
+    </div>
     <div class="content-wrapper">
       <div class="content">
         <el-row :gutter="40" class="display-list">
@@ -312,6 +316,7 @@ $text-indent: 16px;
     // padding: 0 13%;
     // margin-bottom: 32px;
     background: #fff;
+    padding: 32px 0 8px;
     > div {
       width: 1400px;
       margin: auto;
@@ -354,11 +359,11 @@ $text-indent: 16px;
       justify-content: center;
       /* border: 1px solid #ccc;
       background-color: #fff; */
-      margin-right: 20px;
+      // margin-right: 20px;
       cursor: pointer;
       border: 1px solid #fff;
       background-color: #c5cade;
-      i{
+      i {
         font-size: 18px;
       }
 

src/views/home/components/MuseumMap.vue

@@ -573,6 +573,7 @@ export default {
         color: #255780;
         width: 400px;
         text-indent: 44px;
+        line-height: 1.6;
       }
 
       .entrance {

src/views/museum/index.vue

 <template>
   <div class="display">
     <!-- <NavBar /> -->
-    <ListBanner
+    <!-- <ListBanner
       title="共计已收录博物馆"
       :num="list.total"
       :info="['州馆', '展示']"
-    />
+    /> -->
     <div class="content-wrapper">
       <div class="content">
         <el-row