行程特色 图

src/views/Editor/Thumbnails/index.vue

 <template>
+  
   <div
     class="thumbnails"
     @mousedown="() => setThumbnailsFocus(true)"
@@ -44,20 +45,7 @@
 
     <div class="page-number">幻灯片 {{slideIndex + 1}} / {{slides.length}}</div>
   </div>
-  <div v-if="model&&model==3" style="opacity: 1;position: fixed;left: 0;right: 0; top: 0;bottom: 0;overflow: auto;z-index: 999999;">
-    <div class="export-img-dialog">
-      <div class="thumbnails-view">
-        <div class="thumbnails" v-for="slide in slides">
-          <ThumbnailSlide 
-            class="thumbnail" 
-            :key="slide.id" 
-            :slide="slide" 
-            :size="viewportRatio==0.7069?1754:1240" 
-          />
-        </div>
-      </div>
-    </div>
-  </div>
+  
 </template>
 
 <script lang="ts" setup>
@@ -88,7 +76,7 @@ const slidesStore = useSlidesStore()
 const layoutsStore = useSlidesStore()
 const keyboardStore = useKeyboardStore()
 const { selectedSlidesIndex: _selectedSlidesIndex, thumbnailsFocus } = storeToRefs(mainStore)
-const { slides, currentSlide, slideIndex, layoutSlides, viewportRatio } = storeToRefs(slidesStore)
+const { slides, currentSlide, slideIndex, layoutSlides } = storeToRefs(slidesStore)
 const { ctrlKeyState, shiftKeyState } = storeToRefs(keyboardStore)
 
 const { slidesLoadLimit } = useLoadSlides()

src/views/Editor/index.vue

 <template>
+
   <div class="pptist-editor">
     <EditorHeader class="layout-header" />
     <div class="layout-content">
@@ -28,6 +29,23 @@
   >
     <ExportDialog />
   </Modal>
+
+  <div v-if="model&&model==3" 
+  style="opacity: 1;position: fixed;left: 0;right: 0; top: 0;bottom: 0;overflow: auto;z-index: 99999999;">
+    <div class="export-img-dialog">
+      <div class="thumbnails-view">
+        <div class="thumbnails" v-for="slide in slides">
+          <ThumbnailSlide 
+            class="thumbnail" 
+            :key="slide.id" 
+            :slide="slide" 
+            :size="viewportRatio==0.7069?1754:1240" 
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+  
 </template>
 
 <script lang="ts" setup>
@@ -51,11 +69,13 @@ import Modal from '@/components/Modal.vue'
 import DataaSource from './DataaSource/index.vue'
 import ConfigService from '@/services/ConfigService'
 
+import ThumbnailSlide from '@/views/components/ThumbnailSlide/index.vue'
+
 const slidesStore = useSlidesStore()
 const TemplateTypeStore = useScreenStore()
 const TempDataSourceStore = useScreenStore()
-const { slides, slideIndex } = storeToRefs(slidesStore)
-const { TemplateType, ConfigId, TempId} = storeToRefs(TemplateTypeStore)
+const { slides, slideIndex, viewportRatio } = storeToRefs(slidesStore)
+const { model, TemplateType, ConfigId, TempId} = storeToRefs(TemplateTypeStore)
 const pageTypesList = ref([] as any)
 const searchData = ref({} as any)
 searchData.value = inject(injectKeyTemplate)