dsy 1 місяць тому
батько
коміт
97f1b2b06f
1 змінених файлів з 8 додано та 4 видалено
  1. 8 4
      src/components/CommonPreview.vue

+ 8 - 4
src/components/CommonPreview.vue

@@ -100,8 +100,8 @@
         <aside v-if="!sidebarShow" class="sidebar-bar">
           <aside class="toolbar">
             <div class="toolbar-special">
-              <!-- <img :src="require('@/assets/icon/sidebar-fullscreen.png')" alt="全屏" />
-              <img :src="require('@/assets/icon/sidebar-toolkit.png')" alt="工具箱" /> -->
+              <img :src="require('@/assets/icon/sidebar-fullscreen.png')" alt="全屏" @click="fullScreen" />
+              <img :src="require('@/assets/icon/sidebar-toolkit.png')" alt="工具箱" />
               <img :src="require(`@/assets/icon/arrow-down.png`)" alt="伸缩" @click="toggleSidebarShow" />
             </div>
           </aside>
@@ -115,8 +115,8 @@
       <aside v-if="sidebarShow" ref="sidebarMenu" class="sidebar">
         <aside class="toolbar">
           <div class="toolbar-special">
-            <!-- <img :src="require('@/assets/icon/sidebar-fullscreen.png')" alt="全屏" />
-            <img :src="require('@/assets/icon/sidebar-toolkit.png')" alt="工具箱" /> -->
+            <img :src="require('@/assets/icon/sidebar-fullscreen.png')" alt="全屏" @click="fullScreen" />
+            <img :src="require('@/assets/icon/sidebar-toolkit.png')" alt="工具箱" />
           </div>
           <div v-if="sidebarShow" class="toolbar-list">
             <div
@@ -339,6 +339,7 @@ import {
   DeleteMyCollect,
   SearchBookContentText,
 } from '@/api/book';
+import { toggleFullScreen } from '@/utils/common';
 
 export default {
   name: 'CommonPreview',
@@ -1122,6 +1123,9 @@ export default {
         }
       });
     },
+    fullScreen() {
+      toggleFullScreen(this.$refs.previewMain);
+    },
   },
 };
 </script>