题库页面修改

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.joinUserNum}}人已参与</p>
+            <p class="join-c" v-if="!bindStatus">共{{item.sumTitle}}题 | {{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>
@@ -31,6 +31,8 @@
           <div class="right-btn">
             <span v-if="!bindStatus && (item.freeFlag == 0)" @click="goStudy(item, '开始练习')">开始练习</span>
             <span v-if="!bindStatus && (item.freeFlag == 1) && (item.freePractice > 0)" @click="goStudy(item, '免费练习')">免费练习</span>
+            <p v-if="!bindStatus && (item.freeFlag == 1) && (item.freePractice > 0)">可练习{{item.freePractice}}题</p>
+
             <img v-if="!bindStatus && (item.freeFlag == 1) && (item.freePractice == 0)" src="../images/question/lock.png" @click="unlockHand">
             <span v-if="bindStatus == 1" @click="goStudy(item, setTxt(item.finishedRatio))">{{setTxt(item.finishedRatio)}}</span>
           </div>
@@ -594,6 +596,7 @@ export default {
         }
         .right-btn{
           display: flex;
+          flex-direction: column;
           align-items: center;
           span{
             display: inline-block;
@@ -612,6 +615,11 @@ export default {
             height: 15px;
             margin-right: 22.5px;
           }
+          p {
+            margin-top: 4px;
+            font-size: 12px;
+            color: #CAA861;
+          }
         }
       }
     }