upp

定制化热点/src/assets/base.css

@@ -24,7 +24,7 @@
   left: 50%;
   bottom: 48px;
   transform: translateX(-50%);
-  background-color: transparent;
+  background-color: rgba(0, 0, 0, 0.5);
   width: 30px;
   height: 30px;
   background-image: url('../assets/images/close.png');

定制化热点/src/views/Home.vue

@@ -2,7 +2,7 @@
   <div class="Home">
     <div class="main" :class="{ mainHide: isQ }">
       <!-- 标题 -->
-      <h3 class="top">{{ title }}</h3>
+      <h3 class="top" v-html="title"></h3>
       <!-- 英文版下载 -->
       <div class="xiazai" v-if="isEn" @click="devieShowFu">
         <img src="../assets/images/xiazai.png" alt="" />Download brochure
@@ -271,6 +271,12 @@ export default {
           this.id
         }/hot/js/data.js?time=${Math.random()}`;
         let result = (await this.$http.get(url)).data;
+
+        // 拿到热点id和热点名称
+        for (const k in result) {
+          console.log(k, "-----", result[k].title);
+        }
+
         const data = result[this.m];
         if (!data) {
           return alert("热点解析错误");
@@ -327,6 +333,9 @@ export default {
 </script>
 <style lang='less' scoped>
 .Home {
+  a {
+    color: #00a0e6;
+  }
   .viewerCla {
     display: none;
   }
@@ -564,6 +573,7 @@ export default {
       display: flex;
       justify-content: center;
       align-items: center;
+      background-color: rgba(0, 0, 0, 0.5);
     }
     .videoMain {
       width: 800px;