bug fix: 管理中心-我的素材-素材列表-复选框状态切换需要用v-show而非v-if否则图片不渲染

packages/qjkankan-editor/src/components/table/index.vue

@@ -4,13 +4,13 @@
     <ul class="t-header" :class="{'bottom-line':showLine}">
       <!-- 复选框 -->
       <div
-        v-if="selection && !isAllSelected"
-        class="checkbox"
+        v-show="selection && !isAllSelected"
+        class="checkbox inactive"
         @click="onClickSelectAll"
       >
       </div>
       <img
-        v-if="isAllSelected"
+        v-show="isAllSelected"
         class="checkbox active"
         @click="onClickSelectAll"
         src="@/assets/images/icons/checkbox.png"
@@ -46,12 +46,12 @@
       >
         <!-- 复选框 -->
         <div
-          v-if="selection && !selectedIdList.some(id => id === lineData.id)"
-          class="checkbox"
+          v-show="selection && !selectedIdList.some(id => id === lineData.id)"
+          class="checkbox inactive"
           @click="selectItem(lineData, i)"
         />
         <img
-          v-if="selection && selectedIdList.some(id => id === lineData.id)"
+          v-show="selection && selectedIdList.some(id => id === lineData.id)"
           class="checkbox active"
           @click="selectItem(lineData, i)"
           src="@/assets/images/icons/checkbox.png"
@@ -209,17 +209,17 @@ export default {
   .checkbox {
     display: inline-block;
     margin-right: 20px;
-    flex-grow: 1;
+    flex: 0 0 auto;
     width: 16px;
     height: 16px;
-    border-radius: 2px;
-    border: 1px solid #D5D8DE;
     cursor: pointer;
     user-select: none;
-    &.active {
-      border-radius: initial;
-      border: initial;
-    }
+  }
+  .inactive {
+    border-radius: 2px;
+    border: 1px solid #D5D8DE;
+  }
+  .checkbox.active {
   }
 
   .t-header {