From aed8c89dedf94b98c4b6e988388fbe147f99dab5 Mon Sep 17 00:00:00 2001
From: David Wei
Date: 星期日, 08 十月 2023 16:05:58 +0800
Subject: [PATCH] update 优化 通过参数键名获取键值接口的返回体
---
src/components/SvgIcon/index.vue | 39 +++++++++++++--------------------------
1 files changed, 13 insertions(+), 26 deletions(-)
diff --git a/src/components/SvgIcon/index.vue b/src/components/SvgIcon/index.vue
index 8c101f6..3a7540f 100644
--- a/src/components/SvgIcon/index.vue
+++ b/src/components/SvgIcon/index.vue
@@ -4,33 +4,20 @@
</svg>
</template>
-<script>
-export default defineComponent({
- props: {
- iconClass: {
- type: String,
- required: true
- },
- className: {
- type: String,
- default: ''
- },
- color: {
- type: String,
- default: ''
- },
- },
- setup(props) {
- return {
- iconName: computed(() => `#icon-${props.iconClass}`),
- svgClass: computed(() => {
- if (props.className) {
- return `svg-icon ${props.className}`
- }
- return 'svg-icon'
- })
+<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>
--
Gitblit v1.9.3