修复广告图下载图片存在的错乱问题

src/views/Preview/PreviewCustomSlider.vue

@@ -9,10 +9,10 @@
     ">
         <div class="export-img-dialog">
             <div class="thumbnails-view" ref="refThumbnails">
-                <div class="thumbnails" v-for="slide in slides">
-                    <ThumbnailSlide class="thumbnail" :key="slide.id" :slide="slide" :size="param.w
-                        ? param.w
-                        : viewportRatio < 1
+                <div class="thumbnails" :style="{width:viewportRatio < 1
+                            ? VIEWPORT_SIZE.Value
+                            : VIEWPORT_VER_SIZE.Value+'px'}" v-for="slide in slides">
+                    <ThumbnailSlide class="thumbnail" :key="slide.id" :slide="slide" :size="viewportRatio < 1
                             ? VIEWPORT_SIZE.Value
                             : VIEWPORT_VER_SIZE.Value
                         " />
@@ -31,10 +31,12 @@ import { VIEWPORT_SIZE, VIEWPORT_VER_SIZE } from '../../configs/canvas'
 import { ref } from 'vue';
 import { query } from '../../utils/common'
 
-const param = ref("")
+const param = ref<any>("")
 param.value = query()
 const slidesStore = useSlidesStore()
 const { slides, viewportRatio } = storeToRefs(slidesStore)
+const w = ref(0)
+const h = ref(0)
 
 const loadSliders = async ()=>{
   let response = await ConfigService.sellGetTemplateDetails({Id:param.value.tid})
@@ -42,10 +44,23 @@ const loadSliders = async ()=>{
   if (response.data.resultCode == 1) {
 
       let dataObj = response.data.data
-      viewportRatio.value = dataObj.TempType==1? 0.7069:1.414
+      w.value=dataObj.Width
+      h.value=dataObj.Height
+      
+      if(w.value>0){
+        viewportRatio.value = h.value/w.value
+        if(viewportRatio.value>=1) VIEWPORT_VER_SIZE.Value=w.value
+        if(viewportRatio.value<1) VIEWPORT_SIZE.Value=w.value
+        console.log(viewportRatio.value,VIEWPORT_SIZE.Value,VIEWPORT_VER_SIZE.Value)
+        console.log(viewportRatio.value < 1
+                            ? VIEWPORT_SIZE.Value
+                            : VIEWPORT_VER_SIZE.Value)
+      }else{
+        viewportRatio.value = dataObj.TempType==1? 0.7069:1.414
+      }
       let SlidesData = JSON.parse(dataObj.TempData)
-      let newSlides = []
-      await SlidesData.forEach((x,i)=>{
+      let newSlides:any[] = []
+      await SlidesData.forEach((x:any,i:number)=>{
         newSlides.push(x)
       })
       slidesStore.setSlides(newSlides)

src/views/components/ThumbnailSlide/index.vue

@@ -46,6 +46,7 @@ const props = withDefaults(defineProps<{
   visible: true,
 })
 
+console.log(props.size)
 const { viewportRatio } = storeToRefs(useSlidesStore())
 
 const background = computed(() => props.slide.background)