学科详情页面样式优化

src/components/question/directory-info.vue

@@ -10,8 +10,8 @@
         </div>
       </div>
       <div class="info-second">
-        <div class="item" @click="wrongBook(1)"><img src="../../images/question/text.png">错题集<span v-if="directoryInfo.wrongTitleBook">({{directoryInfo.wrongTitleBook}})</span></div>
-        <div class="item" @click="wrongBook(2)"><img src="../../images/question/heart-h.png">收藏<span v-if="directoryInfo.collectTitleBook">({{directoryInfo.collectTitleBook}})</span></div>
+        <div class="item" @click="wrongBook(1)"><img src="../../images/question/text.png"><span>错题集</span><span v-if="directoryInfo.wrongTitleBook">({{directoryInfo.wrongTitleBook}})</span></div>
+        <div class="item" @click="wrongBook(2)"><img src="../../images/question/heart-h.png"><span>收藏</span><span v-if="directoryInfo.collectTitleBook">({{directoryInfo.collectTitleBook}})</span></div>
       </div>
     </div>
   </div>
@@ -91,13 +91,9 @@ export default {
         .item{
           width: 165.5px;
           height: 40px;
-          /*line-height: 40px;*/
           text-align: center;
           border-radius: 6px;
           background-color: #F8F9FA;
-          font-size: 14px;
-          font-weight: 700;
-          color: #373839;
           display: flex;
           align-items: center;
           justify-content: center;
@@ -106,11 +102,15 @@ export default {
             height: 20px;
             margin-right: 8px;
           }
-          span{
+          span:first-of-type{
+            font-size: 14px;
+            font-weight: 700;
+            color: #373839;
+          }
+          span:last-of-type{
             font-size: 12px;
             margin-left: 2px;
-            height: 40px;
-            line-height: 40px;
+            line-height: 14px;
           }
         }
       }

src/views/question-bank.vue

@@ -22,7 +22,7 @@
         <div class="course-item" v-for="(item, index) in subDirectoryModelList" :key="index">
           <div class="left-c">
             <p class="title-c">{{item.directoryName}}</p>
-            <p class="join-c" v-if="!bindStatus && (item.freeFlag == 1)">{{item.joinUserNum}}人已参与</p>
+            <p class="join-c" v-if="!bindStatus">{{item.joinUserNum}}人已参与</p>
             <div class="progress-course" v-else>
               <div class="progress-w"><van-progress :percentage="item.finishedRatio" :stroke-width="6" color="#449284" :show-pivot="false"/></div>
               <span class="mg-set">{{item.finishedRatio}}%</span><span>共{{item.sumTitle}}道</span>