修改pdf预览

src/App.vue

@@ -19,7 +19,7 @@ export default {
 
 #vue-admin-beautiful {
   height: 100vh;
-  min-width: 1400px;
+  min-width: 1100px;
   overflow: auto;
   margin-right: calc(100% - 100vw);
 }

src/views/Home/PdfDialog/index.vue

@@ -7,9 +7,8 @@
       :close-on-click-modal="true"
       :close-on-press-escape="false"
       :show-close="true"
-      width="70%"
       :destroy-on-close="true"
-      top="10vh"
+      top="2vh"
     >
       <div class="innerBody">
         <div class="title">{{ curPdf.articleTitle }}</div>
@@ -49,13 +48,15 @@ export default {
 </script>
 <style lang="scss" scoped>
 .innerBody {
-  padding: 0 60px 40px;
+  padding: 0 50px 0px;
+  // width: 790px;
+  // height: 882px;
   .title {
     font-size: 24px;
     font-family: AlibabaPuHuiTiM;
     color: #333333;
     text-align: center;
-    margin-bottom: 30px;
+    margin-bottom: 0px;
   }
   .refuteList {
     // height: 600px;
@@ -64,8 +65,12 @@ export default {
 }
 </style>
 <style lang="scss">
-.pdfDialog .el-dialog__header {
-  // display: none;
-  padding: 0px !important;
+.pdfDialog {
+  width: 750px;
+  max-height: 858px;
+  .el-dialog__header {
+    // display: none;
+    padding: 0px !important;
+  }
 }
 </style>

src/views/Home/PdfView/index.vue

@@ -111,7 +111,7 @@ export default {
     //缩小
     scaleX() {
       // scale 是百分百展示 不建议缩放
-      if (this.scale == 100) {
+      if (this.scale == 85) {
         return
       }
       this.scale += -5
@@ -190,9 +190,8 @@ export default {
   .show {
     overflow: auto;
     margin: auto;
-    // max-width: 75%;
-    height: 450px;
-    // max-height: 530px;
+    max-width: 790px;
+    max-height: 660px;
   }
   .pdf_footer {
     position: sticky;
@@ -224,7 +223,7 @@ export default {
         border-radius: 10px;
         padding: 5px;
         color: #fff;
-        background-color: #3dcbbc;
+        background-color: #4e68ff;
       }
     }
   }