学科详情页样式调整2

src/views/question-bank.vue

@@ -9,7 +9,7 @@
       borderStyle="1px solid #fff"
     ></CommonNavbar>
     <div class="fixed-qb-header">
-      <div class="header-info">
+      <div class="header-info" :class="!isWeb ? 'top-set' : ''">
         <div class="info-first">
           <img v-if="directoryInfo.avatarImageUrl" :src="directoryInfo.avatarImageUrl">
           <img v-if="!directoryInfo.avatarImageUrl" src="../images/question/portrait.png">
@@ -24,7 +24,7 @@
         </div>
       </div>
     </div>
-    <div class="question-bank-content">
+    <div class="question-bank-content" :class="!isWeb ? 'add-padding' : ''">
       <div class="question-intro" v-if="directoryInfo.directoryImageUrl || directoryInfo.directoryIntro">
         <img v-if="directoryInfo.directoryImageUrl" :src="directoryInfo.directoryImageUrl">
         <p v-if="directoryInfo.directoryIntro">{{directoryInfo.directoryIntro}}</p>
@@ -90,6 +90,7 @@ export default {
     return {
       token: '',
       isWeb: window.__isWeb,
+      // isWeb: false,
       isInfresh: false,
       bgColor: "#fff",
       isShowNavbar: true,
@@ -142,12 +143,7 @@ export default {
     };
   },
   mounted() {
-    this.$nextTick(() => {
-      // let navBH = this.$refs.navBarCom.navHeight;
-      let navBH = this.$refs.navBarCom;
 
-      console.log('顶部导航栏高度',navBH)
-    })
 
   },
   computed: {
@@ -487,12 +483,14 @@ export default {
     position: relative;
     .header-info{
       position: fixed;
-      top: 78px;
       z-index: 200;
       background-color: #FFFFFF;
       padding: 0 16px;
       box-sizing: border-box;
       width: 100%;
+      &.top-set{
+        top: 78px;
+      }
       .info-first{
         display: flex;
         padding: 20px 0;
@@ -563,7 +561,11 @@ export default {
     padding: 0 16px;
     box-sizing: border-box;
     position: relative;
-    margin-top: 155px;
+    /*margin-top: 155px;*/
+    padding-top: 128px;
+    &.add-padding{
+      padding-top: 143px;
+    }
     .question-intro{
       margin-top: 15px;
       background-color: #FFFFFF;