From a06db1a6f9bde222358da9eb2e5b3611f738bae5 Mon Sep 17 00:00:00 2001
From: 疯狂的狮子Li <15040126243@163.com>
Date: 星期一, 25 十一月 2024 13:54:27 +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