学科详情样式优化

src/views/question-bank.vue

@@ -68,6 +68,7 @@
       :isShowDialog="showBindCardTips"
       @handlerAction="handlerAction"
     ></CourseDialog>
+    <Loading v-show="showLoading" />
   </div>
 </template>
 <script>
@@ -75,6 +76,7 @@
   import BindCardButton from "@/components/cme/bind-card-button";
   import ChangeCard from "@/components/cme/change-card";
   import CourseDialog from "@/components/course/course-dialog";
+  import Loading from "@/components/common/common-loading";
   import {Progress, Toast} from 'vant';
   import { mapGetters, mapActions } from "vuex";
   import { getWebPageUrl } from "@/utils/index";
@@ -84,17 +86,17 @@ export default {
     BindCardButton,
     ChangeCard,
     Progress,
-    CourseDialog
+    CourseDialog,
+    Loading
   },
   data() {
     return {
       token: '',
       isWeb: window.__isWeb,
-      // isWeb: false,
       isInfresh: false,
       bgColor: "#fff",
       isShowNavbar: true,
-      navTitle: '中级-内科',
+      navTitle: '',
       isFixNavbar: false,
       secondSubjectId: null,
       directoryInfo: {
@@ -113,6 +115,7 @@ export default {
       showBindCardTips: false,
       showChangeCard: false,
       changeCardErrorMsg: "",
+      showLoading: false
     }
   },
   created() {
@@ -142,10 +145,7 @@ export default {
       _this.getProvinceIdByPosition(param);
     };
   },
-  mounted() {
-
-
-  },
+  mounted() {},
   computed: {
     ...mapGetters(["userInfo"]),
     setTxt() {
@@ -175,6 +175,7 @@ export default {
         token: this.token,
         setEntry: true
       };
+      this.showLoading = true;
       this.GET(`portal/titleTest/user/getBrushTitleInfo/${this.secondSubjectId}`, param).then(res => {
         if (res.code == "000000") {
           this.directoryInfo = JSON.parse(JSON.stringify(res.data));
@@ -182,8 +183,11 @@ export default {
           this.subDirectoryModelList = subDirectoryModelList;
           this.userId = userId;
           this.bindStatus = bindStatus;
-          this.navTitle = `${firstSubjectCodeName}-${secondSubjectName}${secondSubjectCode}`
+          this.navTitle = `${firstSubjectCodeName}-${secondSubjectName}${secondSubjectCode}`;
 
+          setTimeout(() => {
+            this.showLoading = false;
+          }, 800);
           //获取底部卡信息
           // 如果 bindStatus 为false，则获取卡信息  0：未绑卡 1：已绑卡
           if (!this.bindStatus) {
@@ -489,7 +493,7 @@ export default {
       box-sizing: border-box;
       width: 100%;
       &.top-set{
-        top: 78px;
+        top: 73px;
       }
       .info-first{
         display: flex;
@@ -533,7 +537,7 @@ export default {
         .item{
           width: 165.5px;
           height: 40px;
-          line-height: 40px;
+          /*line-height: 40px;*/
           text-align: center;
           border-radius: 6px;
           background-color: #F8F9FA;
@@ -551,6 +555,8 @@ export default {
           span{
             font-size: 12px;
             margin-left: 2px;
+            height: 40px;
+            line-height: 40px;
           }
         }
       }
@@ -562,9 +568,9 @@ export default {
     box-sizing: border-box;
     position: relative;
     /*margin-top: 155px;*/
-    padding-top: 128px;
+    padding-top: 126px;
     &.add-padding{
-      padding-top: 143px;
+      padding-top: 135px;
     }
     .question-intro{
       margin-top: 15px;