From aeac77b90fdb2cee6e1fae24e9ed5c07da6630e4 Mon Sep 17 00:00:00 2001 From: dap <15891557205@163.com> Date: 星期四, 04 四月 2024 20:41:58 +0800 Subject: [PATCH] chore: 拖动元素时的背景图 --- src/components/SvgIcon/index.vue | 31 ++++++++++++------------------- 1 files changed, 12 insertions(+), 19 deletions(-) diff --git a/src/components/SvgIcon/index.vue b/src/components/SvgIcon/index.vue index f3562d7..05dfe87 100644 --- a/src/components/SvgIcon/index.vue +++ b/src/components/SvgIcon/index.vue @@ -5,27 +5,20 @@ </template> <script setup lang="ts"> +import { propTypes } from '@/utils/propTypes'; + const props = defineProps({ - iconClass: { - type: String, - required: true - }, - className: { - type: String, - default: '' - }, - color: { - type: String, - default: '' - }, -}) -const iconName = computed(() => `#icon-${props.iconClass}`); + 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' -}) + if (props.className) { + return `svg-icon ${props.className}`; + } + return 'svg-icon'; +}); </script> <style scope lang="scss"> -- Gitblit v1.9.3