修改了下拉选择框以适应火狐

src/App.vue

@@ -11,7 +11,7 @@
                   'pageUp',
                   'pageUp',
                   pageIndex === 1 ? 'taoolbarCantUse' : ''
                   pageIndex === 1 ? 'taoolbarCantUse' : ''
                 ]"
                 ]"
-                title="Previous Page"
+                title="上一页"
                 id="previous"
                 id="previous"
                 tabindex="13"
                 tabindex="13"
                 data-l10n-id="previous"
                 data-l10n-id="previous"
@@ -26,7 +26,7 @@
                   'pageDown',
                   'pageDown',
                   pageIndex === pageLength ? 'taoolbarCantUse' : ''
                   pageIndex === pageLength ? 'taoolbarCantUse' : ''
                 ]"
                 ]"
-                title="Next Page"
+                title="下一页"
                 id="next"
                 id="next"
                 tabindex="14"
                 tabindex="14"
                 data-l10n-id="next"
                 data-l10n-id="next"
@@ -39,7 +39,7 @@
               type="number"
               type="number"
               id="pageNumber"
               id="pageNumber"
               class="toolbarField pageNumber"
               class="toolbarField pageNumber"
-              title="Page"
+              title="页码"
               v-model="pageIndex"
               v-model="pageIndex"
               size="4"
               size="4"
               min="1"
               min="1"
@@ -51,7 +51,12 @@
             <span id="numPages" class="toolbarLabel">/ {{ pageLength }}</span>
             <span id="numPages" class="toolbarLabel">/ {{ pageLength }}</span>
             <button
             <button
               id="draggrad"
               id="draggrad"
-              :class="['toolbarButton', draggradActive ? 'draggradActive' : '']"
+              title="抓手工具"
+              :class="[
+                'toolbarButton',
+                'draggrad',
+                draggradActive ? 'draggradActive' : ''
+              ]"
               tabindex="12"
               tabindex="12"
               data-l10n-id="findbar"
               data-l10n-id="findbar"
               @click="draggradHandle"
               @click="draggradHandle"
@@ -68,7 +73,7 @@
                   'zoomOut',
                   'zoomOut',
                   this.pageSize <= 0.5 ? 'taoolbarCantUse' : ''
                   this.pageSize <= 0.5 ? 'taoolbarCantUse' : ''
                 ]"
                 ]"
-                title="Zoom Out"
+                title="缩小"
                 tabindex="21"
                 tabindex="21"
                 data-l10n-id="zoom_out"
                 data-l10n-id="zoom_out"
                 @click="zoomOut(null)"
                 @click="zoomOut(null)"
@@ -83,7 +88,7 @@
                   'zoomIn',
                   'zoomIn',
                   this.pageSize >= 4 ? 'taoolbarCantUse' : ''
                   this.pageSize >= 4 ? 'taoolbarCantUse' : ''
                 ]"
                 ]"
-                title="Zoom In"
+                title="放大"
                 tabindex="22"
                 tabindex="22"
                 data-l10n-id="zoom_in"
                 data-l10n-id="zoom_in"
                 @click="zoomIn(null)"
                 @click="zoomIn(null)"
@@ -94,7 +99,7 @@
             <span id="scaleSelectContainer" class="dropdownToolbarButton">
             <span id="scaleSelectContainer" class="dropdownToolbarButton">
               <select
               <select
                 id="scaleSelect"
                 id="scaleSelect"
-                title="Zoom"
+                title="缩放选择"
                 tabindex="23"
                 tabindex="23"
                 data-l10n-id="zoom"
                 data-l10n-id="zoom"
                 v-model="selected"
                 v-model="selected"
@@ -105,7 +110,13 @@
                   :key="index"
                   :key="index"
                   :value="index"
                   :value="index"
                   :disabled="Object.keys(item)[0] === 'custom' ? true : false"
                   :disabled="Object.keys(item)[0] === 'custom' ? true : false"
-                  v-show="Object.keys(item)[0] === 'custom' ? false : true"
+                  v-show="
+                    Object.keys(item)[0] === 'custom'
+                      ? isFirefox
+                        ? true
+                        : false
+                      : true
+                  "
                   >{{ item[Object.keys(item)[0]].page_scale_percent }}</option
                   >{{ item[Object.keys(item)[0]].page_scale_percent }}</option
                 >
                 >
               </select>
               </select>
@@ -153,10 +164,12 @@ export default {
         { "4": { page_scale_percent: "400%", value: 4 } },
         { "4": { page_scale_percent: "400%", value: 4 } },
         { custom: { page_scale_percent: "", value: 1 } }
         { custom: { page_scale_percent: "", value: 1 } }
       ],
       ],
-      draggradActive: false
+      draggradActive: false,
+      isFirefox: false
     };
     };
   },
   },
   mounted() {
   mounted() {
+    this.isFirefox = navigator.userAgent.indexOf("Firefox") > 1;
     pdfJs.GlobalWorkerOptions.workerSrc = require("pdfjs-dist/build/pdf.worker");
     pdfJs.GlobalWorkerOptions.workerSrc = require("pdfjs-dist/build/pdf.worker");
     this.preview();
     this.preview();
   },
   },
@@ -259,6 +272,7 @@ export default {
     },
     },
     zoomIn(pageSize) {
     zoomIn(pageSize) {
       let result = Number((this.pageSize + 0.05).toFixed(10));
       let result = Number((this.pageSize + 0.05).toFixed(10));
+      console.log("result:", result);
       let currentSize = pageSize ? pageSize : result;
       let currentSize = pageSize ? pageSize : result;
       if (currentSize > 4) {
       if (currentSize > 4) {
         return;
         return;
@@ -282,8 +296,8 @@ export default {
       this.selected = index;
       this.selected = index;
       let item = this.zoomList[index];
       let item = this.zoomList[index];
       let key = Object.keys(item)[0];
       let key = Object.keys(item)[0];
-      this.zoomList[index][key].page_scale_percent =
-        parseInt(this.pageSize * 100) + "%";
+      let result = Number((this.pageSize * 100).toFixed(10));
+      this.zoomList[index][key].page_scale_percent = result + "%";
     },
     },
     previous() {
     previous() {
       if (this.pageIndex === 1) {
       if (this.pageIndex === 1) {
@@ -351,6 +365,9 @@ export default {
 
 
 <style lang="scss">
 <style lang="scss">
 @import url("./css/viewer.css");
 @import url("./css/viewer.css");
+* {
+  scrollbar-width: none;
+}
 #app {
 #app {
   width: 100%;
   width: 100%;
   height: 100%;
   height: 100%;
@@ -363,6 +380,7 @@ export default {
 #viewerContainerBox {
 #viewerContainerBox {
   margin: auto;
   margin: auto;
   position: relative;
   position: relative;
+  scrollbar-width: none;
 }
 }
 .taoolbarCantUse {
 .taoolbarCantUse {
   opacity: 0.5;
   opacity: 0.5;