官方商务添加

src/router/index.js

@@ -21,7 +21,10 @@ const router = new VueRouter({
   routes
 });
 router.beforeEach((to, from, next) => {
-  document.title = to.meta.title;
+  // 路由未配置标题时保留 index.html 里的标题，避免被清空后标签页只显示网址
+  if (to.meta.title) {
+    document.title = to.meta.title;
+  }
   next();
 });
 

src/views/land/components/mobile1.vue

@@ -3,6 +3,16 @@
     <header class="topBar">
       <img class="topLogo" :src="logo" alt="黄果漫剧" />
       <span class="topBrand goldText">黄果漫剧</span>
+      <a
+        class="topLink"
+        :href="businessUrl"
+        target="_blank"
+        rel="noreferrer"
+        @click.stop
+      >
+        <img class="topLinkIcon" :src="businessIcon" alt="" />
+        <span class="goldText">官方商务</span>
+      </a>
     </header>
 
     <div class="track">
@@ -135,7 +145,9 @@ export default {
       logo: require("@/assets/images/common/hgmj_logo.png"),
       tutorialImg: landImg("tutorial"),
       fastIcon: require("@/assets/images/land/icon/fast.svg"),
-      iosIcon: require("@/assets/images/land/icon/ios.svg")
+      iosIcon: require("@/assets/images/land/icon/ios.svg"),
+      businessIcon: require("@/assets/images/land/icon/business.svg"),
+      businessUrl: "https://t.me/jbd125"
     };
   },
   computed: {
@@ -267,6 +279,23 @@ $bg: #0b0b0b;
     padding-right: 0.15em;
     letter-spacing: 1px;
   }
+  .topLink {
+    margin-left: auto;
+    display: flex;
+    align-items: center;
+    gap: 5px;
+
+    .topLinkIcon {
+      width: 23px;
+      height: 20px;
+      object-fit: contain;
+    }
+
+    span {
+      font-size: 12px;
+      line-height: 17px;
+    }
+  }
 }
 
 /* 分区切图 */

src/views/land/components/pc.vue

@@ -19,6 +19,15 @@
             <span class="pcm-nav-line"></span>
           </button>
         </nav>
+        <a
+          class="pcm-link"
+          :href="businessUrl"
+          target="_blank"
+          rel="noreferrer"
+        >
+          <img class="pcm-link-icon" :src="businessIcon" alt="" />
+          <span class="pcm-gold">官方商务</span>
+        </a>
       </div>
     </header>
 
@@ -118,6 +127,8 @@ export default {
       logo: require("@/assets/images/common/hgmj_logo.png"),
       fastIcon: require("@/assets/images/land/icon/fast.svg"),
       iosIcon: require("@/assets/images/land/icon/ios.svg"),
+      businessIcon: require("@/assets/images/land/icon/business.svg"),
+      businessUrl: "https://t.me/jbd125",
       img: {
         hero: landImg("hero"),
         strip: landImg("strip"),
@@ -290,6 +301,30 @@ export default {
   transition: opacity 0.2s;
 }
 
+/* 官方商务（同原站导航右侧链接） */
+.pcm-link {
+  margin-left: v(64);
+  display: flex;
+  align-items: center;
+  gap: v(10);
+  text-decoration: none;
+
+  &:hover {
+    text-decoration: none;
+    filter: brightness(1.1);
+  }
+
+  span {
+    font-size: v(14);
+    line-height: 1;
+  }
+}
+
+.pcm-link-icon {
+  width: v(28);
+  height: v(28);
+}
+
 .pcm-nav-item.active {
   .pcm-nav-text {
     color: #f8ca06;