From 2e299b58e2cdb9e39a8fc5ff095ccfd64df0b348 Mon Sep 17 00:00:00 2001 From: LiuHao <liuhaoai545@gmail.com> Date: 星期二, 16 四月 2024 17:41:30 +0800 Subject: [PATCH] update 增加预编译 --- 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