From 9968d14c393e6362192039d797cd58758a8fc89f Mon Sep 17 00:00:00 2001 From: 落叶橘橙 <wzsdch@qq.com> Date: 星期四, 25 四月 2024 10:15:20 +0800 Subject: [PATCH] update src/components/ImagePreview/index.vue. 图片预览功能 let real_src_list = props.src.split(',');会多出一个''对象,会导致图片浏览时多一个空白预览。增加一个判空。 --- src/components/SvgIcon/index.vue | 41 +++++++++++++++++------------------------ 1 files changed, 17 insertions(+), 24 deletions(-) diff --git a/src/components/SvgIcon/index.vue b/src/components/SvgIcon/index.vue index 4a858bd..05dfe87 100644 --- a/src/components/SvgIcon/index.vue +++ b/src/components/SvgIcon/index.vue @@ -1,33 +1,26 @@ -<script setup lang="ts"> -const props = defineProps({ - iconClass: { - type: String, - required: true - }, - className: { - type: String, - default: '' - }, - color: { - type: String, - default: '' - }, -}) -const iconName = computed(() => `#icon-${props.iconClass}`); -const svgClass = computed(() => { - if (props.className) { - return `svg-icon ${props.className}` - } - return 'svg-icon' -}) -</script> - <template> <svg :class="svgClass" aria-hidden="true"> <use :xlink:href="iconName" :fill="color" /> </svg> </template> +<script setup lang="ts"> +import { propTypes } from '@/utils/propTypes'; + +const props = defineProps({ + iconClass: propTypes.string.isRequired, + className: propTypes.string.def(''), + color: propTypes.string.def('') +}); +const iconName = computed(() => `#icon-${props.iconClass}`); +const svgClass = computed(() => { + if (props.className) { + return `svg-icon ${props.className}`; + } + return 'svg-icon'; +}); +</script> + <style scope lang="scss"> .sub-el-icon, .nav-icon { -- Gitblit v1.9.3