banner、协议

src/components/ImagePreview/index.vue

@@ -4,7 +4,7 @@
     fit="cover"
     :style="`width:${realWidth};height:${realHeight};`"
     :preview-src-list="realSrcList"
-    append-to-body="true"
+    :preview-teleported="true"
   >
     <template #error>
       <div class="image-slot">
@@ -20,16 +20,16 @@ import { isExternal } from "@/utils/validate";
 const props = defineProps({
   src: {
     type: String,
-    required: true
+    required: true,
   },
   width: {
     type: [Number, String],
-    default: ""
+    default: "",
   },
   height: {
     type: [Number, String],
-    default: ""
-  }
+    default: "",
+  },
 });
 
 const realSrc = computed(() => {
@@ -43,7 +43,7 @@ const realSrc = computed(() => {
 const realSrcList = computed(() => {
   let real_src_list = props.src.split(",");
   let srcList = [];
-  real_src_list.forEach(item => {
+  real_src_list.forEach((item) => {
     if (isExternal(item)) {
       return srcList.push(item);
     }