学科详情页样式调整

src/views/question-bank.vue

@@ -8,23 +8,23 @@
       :isFixNavbar="isFixNavbar"
       borderStyle="1px solid #fff"
     ></CommonNavbar>
-    <div class="question-bank-content">
-      <div class="fixed-qb-header">
-        <div class="header-info">
-          <div class="info-first">
-            <img v-if="directoryInfo.avatarImageUrl" :src="directoryInfo.avatarImageUrl">
-            <img v-if="!directoryInfo.avatarImageUrl" src="../images/question/portrait.png">
-            <div class="infor">
-              <p class="name">{{directoryInfo.name}} 医生</p>
-              <p class="question-result">已做题<span>{{directoryInfo.finishedNum}}</span>错误题<span class="err">{{directoryInfo.wrongTitle}}</span>正确率<span class="suc">{{directoryInfo.correctRatio}}%</span></p>
-            </div>
-          </div>
-          <div class="info-second">
-            <div class="item" @click="wrongBook"><img src="../images/question/text.png">错题集<span v-if="directoryInfo.wrongTitleBook">({{directoryInfo.wrongTitleBook}})</span></div>
-            <div class="item" @click="collectBook"><img src="../images/question/heart-h.png">收藏<span v-if="directoryInfo.collectTitleBook">({{directoryInfo.collectTitleBook}})</span></div>
+    <div class="fixed-qb-header">
+      <div class="header-info">
+        <div class="info-first">
+          <img v-if="directoryInfo.avatarImageUrl" :src="directoryInfo.avatarImageUrl">
+          <img v-if="!directoryInfo.avatarImageUrl" src="../images/question/portrait.png">
+          <div class="infor">
+            <p class="name">{{directoryInfo.name}} 医生</p>
+            <p class="question-result">已做题<span>{{directoryInfo.finishedNum}}</span>错误题<span class="err">{{directoryInfo.wrongTitle}}</span>正确率<span class="suc">{{directoryInfo.correctRatio}}%</span></p>
           </div>
         </div>
+        <div class="info-second">
+          <div class="item" @click="wrongBook"><img src="../images/question/text.png">错题集<span v-if="directoryInfo.wrongTitleBook">({{directoryInfo.wrongTitleBook}})</span></div>
+          <div class="item" @click="collectBook"><img src="../images/question/heart-h.png">收藏<span v-if="directoryInfo.collectTitleBook">({{directoryInfo.collectTitleBook}})</span></div>
+        </div>
       </div>
+    </div>
+    <div class="question-bank-content">
       <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>
@@ -143,7 +143,9 @@ export default {
   },
   mounted() {
     this.$nextTick(() => {
-      let navBH = this.$refs.navBarCom.navHeight;
+      // let navBH = this.$refs.navBarCom.navHeight;
+      let navBH = this.$refs.navBarCom;
+
       console.log('顶部导航栏高度',navBH)
     })
 
@@ -178,7 +180,6 @@ export default {
         setEntry: true
       };
       this.GET(`portal/titleTest/user/getBrushTitleInfo/${this.secondSubjectId}`, param).then(res => {
-        console.log('详情结果',res.data)
         if (res.code == "000000") {
           this.directoryInfo = JSON.parse(JSON.stringify(res.data));
           const { subDirectoryModelList, userId, cardType, goodsType, organizationId, provinceId, bindStatus, firstSubjectCodeName, secondSubjectName, secondSubjectCode } = this.directoryInfo;
@@ -482,16 +483,16 @@ export default {
   width: 100%;
   padding-bottom: 60px;
   box-sizing: border-box;
-  .question-bank-content{
-    padding: 0 16px;
-    box-sizing: border-box;
+  .fixed-qb-header{
     position: relative;
-    .fixed-qb-header{
-      position: relative;
-    }
     .header-info{
-      /*position: fixed;*/
-      /*top: 100px;*/
+      position: fixed;
+      top: 78px;
+      z-index: 200;
+      background-color: #FFFFFF;
+      padding: 0 16px;
+      box-sizing: border-box;
+      width: 100%;
       .info-first{
         display: flex;
         padding: 20px 0;
@@ -556,6 +557,13 @@ export default {
         }
       }
     }
+  }
+
+  .question-bank-content{
+    padding: 0 16px;
+    box-sizing: border-box;
+    position: relative;
+    margin-top: 155px;
     .question-intro{
       margin-top: 15px;
       background-color: #FFFFFF;
@@ -566,7 +574,7 @@ export default {
         width: 100%;
         border-radius: 6px 6px 0 0;
         display: block;
-        height: 160px;
+        max-height: 80px;
       }
       p{
         color: #676869;