浏览代码

feat: 优化部份手机显示pdf文件闪烁的问题

332777428@qq.com 4 月之前
父节点
当前提交
660013cf4c
共有 1 个文件被更改,包括 16 次插入4 次删除
  1. 16 4
      src/pages/explain/index.vue

+ 16 - 4
src/pages/explain/index.vue

@@ -1,13 +1,26 @@
 <template>
   <div class="container_all">
     <div class="container_public" :style="{ transform: `scale(${scale})` }">
+      <!-- @page-loaded="onPageLoaded" -->
       <div v-for="pageNumber in loadedPages" :key="pageNumber">
         <vue-pdf
+          class="container_pdf"
+          :src="{
+            url: fileUrl,
+            cMapUrl: 'https://cdn.jsdelivr.net/npm/pdfjs-dist@2.9.359/cmaps/',
+            cMapPacked: true,
+          }"
+          :page="pageNumber"
+        ></vue-pdf>
+        <!-- <vue-pdf
           v-if="pageNumber < 3"
           class="container_pdf"
-          :src="fileUrl"
+          :src="{
+            url: fileUrl,
+            cMapUrl: 'https://cdn.jsdelivr.net/npm/pdfjs-dist@2.9.359/cmaps/',
+            cMapPacked: true,
+          }"
           :page="pageNumber"
-          @page-loaded="onPageLoaded"
         ></vue-pdf>
         <vue-pdf
           v-else
@@ -18,8 +31,7 @@
             cMapPacked: true,
           }"
           :page="pageNumber"
-          @page-loaded="onPageLoaded"
-        ></vue-pdf>
+        ></vue-pdf> -->
       </div>
     </div>