From 97187b246b94dd58cb585ebaed7e8644d2f00119 Mon Sep 17 00:00:00 2001 From: 疯狂的狮子Li <15040126243@163.com> Date: 星期一, 03 四月 2023 00:26:04 +0800 Subject: [PATCH] update 调整代码格式 --- src/components/ImagePreview/index.vue | 90 ++++++++++++++++++++++---------------------- 1 files changed, 45 insertions(+), 45 deletions(-) diff --git a/src/components/ImagePreview/index.vue b/src/components/ImagePreview/index.vue index 9b244f8..57019e3 100644 --- a/src/components/ImagePreview/index.vue +++ b/src/components/ImagePreview/index.vue @@ -1,48 +1,3 @@ -<script setup lang="ts"> -const props = defineProps({ - src: { - type: String, - default: "" - }, - width: { - type: [Number, String], - default: "" - }, - height: { - type: [Number, String], - default: "" - } -}); - -const realSrc = computed(() => { - if (!props.src) { - return; - } - let real_src = props.src.split(",")[0]; - return real_src; -}); - -const realSrcList = computed(() => { - if (!props.src) { - return; - } - let real_src_list = props.src.split(","); - let srcList:string[] = []; - real_src_list.forEach(item => { - return srcList.push(item); - }); - return srcList; -}); - -const realWidth = computed(() => - typeof props.width == "string" ? props.width : `${props.width}px` -); - -const realHeight = computed(() => - typeof props.height == "string" ? props.height : `${props.height}px` -); -</script> - <template> <el-image :src="`${realSrc}`" fit="cover" :style="`width:${realWidth};height:${realHeight};`" :preview-src-list="realSrcList" preview-teleported> <template #error> @@ -53,6 +8,51 @@ </el-image> </template> +<script setup lang="ts"> +const props = defineProps({ + src: { + type: String, + default: "" + }, + width: { + type: [Number, String], + default: "" + }, + height: { + type: [Number, String], + default: "" + } +}); + +const realSrc = computed(() => { + if (!props.src) { + return; + } + let real_src = props.src.split(",")[0]; + return real_src; +}); + +const realSrcList = computed(() => { + if (!props.src) { + return; + } + let real_src_list = props.src.split(","); + let srcList:string[] = []; + real_src_list.forEach(item => { + return srcList.push(item); + }); + return srcList; +}); + +const realWidth = computed(() => + typeof props.width == "string" ? props.width : `${props.width}px` +); + +const realHeight = computed(() => + typeof props.height == "string" ? props.height : `${props.height}px` +); +</script> + <style lang="scss" scoped> .el-image { border-radius: 5px; -- Gitblit v1.9.3