From 5d44f9e23124f05b0906efd754ba7f8fac1f7cdd Mon Sep 17 00:00:00 2001
From: Ai3_刘小龙 <wisty0317@163.com>
Date: 星期三, 20 十二月 2023 14:26:49 +0800
Subject: [PATCH] update src/views/system/dept/index.vue. append-to-body
---
src/components/SvgIcon/index.vue | 39 ++++++++++++++++-----------------------
1 files changed, 16 insertions(+), 23 deletions(-)
diff --git a/src/components/SvgIcon/index.vue b/src/components/SvgIcon/index.vue
index 661ae51..05dfe87 100644
--- a/src/components/SvgIcon/index.vue
+++ b/src/components/SvgIcon/index.vue
@@ -1,32 +1,25 @@
+<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: {
- 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 ${props.className}`;
}
- return 'svg-icon'
-})
+ return 'svg-icon';
+});
</script>
-
-<template>
- <svg :class="svgClass" aria-hidden="true">
- <use :xlink:href="iconName" :fill="color" />
- </svg>
-</template>
<style scope lang="scss">
.sub-el-icon,
--
Gitblit v1.9.3