全景图：有些场景的介绍颜色要换

src/components/panoDesc.vue

@@ -1,5 +1,8 @@
 <template>
-  <div class="pano-desc">
+  <div
+    class="pano-desc"
+    :class="{ history: isHistory }"
+  >
     <audio
       ref="audio"
       :src="audioSrc"
@@ -70,7 +73,10 @@ export default {
   computed: {
     ...globalMapState([
       'isPanoDescExpanded',
-    ])
+    ]),
+    isHistory() {
+      return this.desc.type === 'history'
+    }
   },
   mounted() {
   },
@@ -105,6 +111,8 @@ export default {
 <style lang="less" scoped>
 .pano-desc {
   position: relative;
+  height: 4.17rem;
+  width: 22.5rem;
   > audio {
     display: none;
   }
@@ -114,8 +122,9 @@ export default {
     display: flex;
     align-items: center;
     justify-content: space-evenly;
-    background-image: url(@/assets/images/pano/desc-title-bar.png);
-    background-size: contain;
+    background-color: #930909;
+    border: 2px solid #e5e5e5;
+    border-radius: 2.085rem;
     > button.audio {
       width: 2.08rem;
       height: 1.67rem;
@@ -163,4 +172,18 @@ export default {
     }
   }
 }
+
+.pano-desc.history {
+  > .title-bar {
+    background-color: rgba(170, 130, 107, 0.8);
+    border: 2px solid #c3ac87;
+  }
+  > .content-wrap {
+    background-color: rgba(170, 130, 107, 0.8);
+    ::-webkit-scrollbar-thumb {
+      border-radius: 3px;
+      background: #c3ac87;
+    }
+  }
+}
 </style>

src/views/PanoView.vue

@@ -223,8 +223,6 @@ export default {
     top: 2.54rem;
     left: 50%;
     transform: translateX(-50%);
-    height: 4.17rem;
-    width: 22.5rem;
   }
 }
 </style>