打包

src/views/packageManage/bookList.vue

@@ -97,7 +97,7 @@
   const isShowBookList = ref<boolean>(true);
 
   const input_search_book = ref<string>('');
-  const selctType = ref<string>('1');
+  const selctType = ref('1');
 
   const bookeRef = ref();
   const bookDescRef = ref();
@@ -109,7 +109,7 @@
         const { data, code, msg } = res.data;
         if (code === 200) {
           bookType.value.push(...data);
-          bookeRef.value.refTYpe = selctType.value;
+          bookeRef.value.refTYpe = '1';
           bookeRef.value.getSubType();
         }
       })

src/views/packageManage/index.vue

@@ -25,9 +25,9 @@
       <div class="rightBox" :class="refTYpe == 1 ? '' : 'rBox'">
         <div v-if="refTYpe == 1">
           <div class="classification"
-          >中图分类法：<span v-for="item in anchorList" :key="item.id"
-          >>>> <span @click="selectClass(item)" class="anchor">{{ item.name }} &nbsp;</span>
-          </span></div
+            >中图分类法：<span v-for="item in anchorList" :key="item.id"
+              >>>> <span @click="selectClass(item)" class="anchor">{{ item.name }} &nbsp;</span>
+            </span></div
           >
           <div class="threeLevel" v-if="listChildCategory && listChildCategory.length">
             <span
@@ -44,9 +44,9 @@
         </div>
         <div class="switchBox" v-if="total">
           <div :class="{ isActive: isSwitch == 1 }" @click="onSwitch(1)"
-          ><appstore-outlined />大图 </div
+            ><appstore-outlined />大图 </div
           ><div :class="{ isActive: isSwitch == 2 }" @click="onSwitch(2)"
-          ><unordered-list-outlined />列表
+            ><unordered-list-outlined />列表
           </div>
         </div>
         <div class="no-data" v-if="!total">
@@ -120,13 +120,13 @@
         </div>
 
         <div :style="moveStyle ? 'color: #1677FF;' : 'color: rgba(102, 102, 102, 0.85);'"
-          >阅读说明</div
+        >阅读说明</div
         >
       </div>
       <div class="model_div" ref="explainModel">
         <a-modal v-model:visible="explainVisible" title="阅读说明">
           <div class="model_conter"
-            >若是文件格式为docx、doc、ppt、pptx、xls、ppsx可以使用office软件打开；若是文件格式为avi、rmvb、flv、swf、wmv、f4v、rm、IFO、mp4、VOB、MTS属于视频文件，可以使用视频播放器打开,其中MTS需要使用索尼软件播放视频；rar、zip为压缩文件，可以用winrar或7-Zip等解压缩软件解压查看；mp3、wma音频文件需要音频软件播放；mobi、chm、pdg、epub、azw3、pdz属于电子书格式，可以使用对应电子书阅读器阅读，例如EPUB电子书阅读器或超星阅读器；psd、MPG、jpeg可以直接用图片工具查看；若是djvu文件需使用djvu阅读器阅读，cfg文件需使用记事本打开，pps文件需要安装pps网络电视查看；若是exe文件，请直接下载安装。</div
+          >若是文件格式为docx、doc、ppt、pptx、xls、ppsx可以使用office软件打开；若是文件格式为avi、rmvb、flv、swf、wmv、f4v、rm、IFO、mp4、VOB、MTS属于视频文件，可以使用视频播放器打开,其中MTS需要使用索尼软件播放视频；rar、zip为压缩文件，可以用winrar或7-Zip等解压缩软件解压查看；mp3、wma音频文件需要音频软件播放；mobi、chm、pdg、epub、azw3、pdz属于电子书格式，可以使用对应电子书阅读器阅读，例如EPUB电子书阅读器或超星阅读器；psd、MPG、jpeg可以直接用图片工具查看；若是djvu文件需使用djvu阅读器阅读，cfg文件需使用记事本打开，pps文件需要安装pps网络电视查看；若是exe文件，请直接下载安装。</div
           >
           <template #footer>
             <div class="model_btn">
@@ -675,7 +675,7 @@
       .navBox {
         background: #ffffff;
         border-radius: 4px;
-        padding: 10px 20px;
+
         height: 800px;
         overflow-y: auto;
         .onwLevel {
@@ -684,7 +684,11 @@
           font-weight: 500;
           color: #333333;
           margin: 16px 0;
+          padding: 10px 20px;
           cursor: pointer;
+          &:nth-child(even) {
+            background: rgba(22, 119, 255, 0.03);
+          }
         }
         .twoLevel {
           margin-top: 10px;