修复目录页卡顿

src/assets/less/catalog.less

@@ -1,11 +1,13 @@
 .catalog-wrap {  
+  .checked{
+    border-right: 4px solid #EF5952;
+  }
   .catalog-item {
     padding-left: 24px;
     height: 105px;
     justify-content: space-between;
     align-items: center;
     border-bottom: 2px solid #f7f7f7;
-
     .catalog-name {
       color: #999;
       font-size: 26px;

src/views/Catalog/index.ux

@@ -1,12 +1,9 @@
 <template>
   <list id="catalog" class="catalog-wrap" @scrollbottom="loadCatalog" @scrolltop="loadPrev" v-if="list.length>0">
     <block for="list">
-      <list-item type="catalog-item" class="catalog-item" @click='jumpReader($item)'>
+      <list-item type="catalog-item" class="catalog-item {{$idx == chapter_sequence_index ? 'checked' : ''}}" @click='jumpReader($item)'>
         <text class="catalog-name {{$idx == chapter_sequence_index ? 'catalog-name__check' : ''}}">{{$item.chapter_name}}</text>
-        <text class="target-wrap">
-          <image show='{{$item.chapter_is_vip}}' src="../../assets/imgs/book-vip.png"></image>
-          <span class="border {{$idx == chapter_sequence_index ? 'border-show': ''}}"></span>
-        </text>
+        <image show='{{$item.chapter_is_vip}}' src="../../assets/imgs/book-vip.png"></image>
       </list-item>
     </block>
     <list-item type="loading-text" class="loading-wrap" if="!end">