1220

src/pages/user/library/borrowedRecord/index.vue

         <div class="flex-item">
           <div>
             <div>
-              <span>{{myBookStatus}}</span>
+              <span :class="currentItem.BorrowStatus=='0'?'active':''">{{myBookStatus}}</span>
             </div>
             <span class="title">{{currentItem.BookName}}</span>
             <span>借阅时间：{{toolClass.dateFormat(currentItem.BorrowDate)}}</span>
             border-radius: .15rem 0 0 .15rem;
             margin-right: -.12rem;
           }
+          .active{
+            background-color: #fc5534;
+            color: #fff;
+          }
         }
         > span {
           width: 100%;