只显示放大缩小和全屏按钮

web/pages/document/_id.vue

@@ -971,14 +971,24 @@ export default {
 }
 
 @media screen and (max-width: $mobile-width) {
-  .el-image-viewer__canvas {
+  .el-image-viewer__wrapper {
-    display: block;
+    .el-image-viewer__actions {
-    overflow: auto;
+      .el-icon-refresh-left,
-    padding-top: 20px;
+      .el-image-viewer__actions__divider,
-    .el-image-viewer__img {
+      .el-icon-refresh-right {
-      transform-origin: 50% 50% !important;
+        display: none;
+      }
+    }
+    .el-image-viewer__canvas {
+      display: block;
+      overflow: auto;
+      padding-top: 20px;
+      .el-image-viewer__img {
+        transform-origin: 0 0 !important;
+      }
     }
   }
+
   .page-document {
     .doc-left {
       width: 100% !important;