详情页样式调整

src/views/merge-detail.vue

@@ -44,7 +44,7 @@
       />
       <!-- 简介和目录 -->
       <div class="intro-catalogue-container">
-        <div id="content-title" class="title" :class="{'fixed-title': fixedFlag}">
+        <div id="content-title" class="title" :class="{'fixed-title-1': (fixedFlag && !isWeb), 'fixed-title-2': (fixedFlag && isWeb)}">
           <span :class="{'focus': tabFlag}" @click="jumpIntro">简介</span>
           <span :class="{'focus': !tabFlag}" @click="jumpCatalogue">目录</span>
         </div>
@@ -119,6 +119,7 @@ export default {
   data() {
     return {
       // token: "9B62E5874DA94979A54DB3E9DFC1443F",
+      isWeb: window.__isWeb,
       textContent: "",
       leaderText: "",
       pageTitle: "",
@@ -261,7 +262,7 @@ export default {
         this.bgColor = "none";
       }
 
-      this.fixedFlag = scrollTop > 280 ? true : false;
+      this.fixedFlag = scrollTop > 300 ? true : false;
       this.tabFlag = scrollTop > h ? false : true;
     },
     // token是否失效校验
@@ -345,7 +346,12 @@ export default {
       this.fixedFlag = true;
       const intro = document.getElementById("intro-content");
       const title = document.getElementById("content-title");
-      const h = intro.offsetTop - 70;
+      let h;
+      if(this.isWeb) {
+        h = intro.offsetTop - title.offsetHeight;
+      }else {
+        h = intro.offsetTop - 50 - title.offsetHeight;
+      }
       window.scrollTo(0, h);
       this.isBlack = true;
       this.bgColor = "#fff";
@@ -358,7 +364,13 @@ export default {
       this.tabFlag = false;
       this.fixedFlag = true;
       const catalogue = document.getElementById("catalogue-content");
-      const h = catalogue.offsetTop;
+      const title = document.getElementById("content-title");
+      let h;
+      if(this.isWeb) {
+        h = catalogue.offsetTop - title.offsetHeight;
+      }else {
+        h = catalogue.offsetTop - 85 - title.offsetHeight;
+      }
       window.scrollTo(0, h);
       this.isBlack = true;
       this.bgColor = "#fff";
@@ -627,7 +639,7 @@ export default {
         border-radius: px2rem(3px);
       }
     }
-    .title.fixed-title {
+    .title.fixed-title-1 {
       position: fixed;
       left: 0;
       top: px2rem(60px);
@@ -635,6 +647,14 @@ export default {
       width: 100%;
       z-index: 999;
     }
+    .title.fixed-title-2 {
+      position: fixed;
+      left: 0;
+      top: px2rem(0px);
+      background: #fff;
+      width: 100%;
+      z-index: 999;
+    }
     .catalogue-content {
       padding: px2rem(30px) px2rem(15px) 0;
       .catalogue-title {