From 41f3d37db102e87fceb3f49eb47ae38747decc43 Mon Sep 17 00:00:00 2001 From: LiuHao <liuhaoai545@gmail.com> Date: 星期一, 15 四月 2024 14:00:39 +0800 Subject: [PATCH] update 优化首页打开topNav不展开菜单问题 --- src/components/SvgIcon/index.vue | 41 ++++++++++++++--------------------------- 1 files changed, 14 insertions(+), 27 deletions(-) diff --git a/src/components/SvgIcon/index.vue b/src/components/SvgIcon/index.vue index 8c101f6..05dfe87 100644 --- a/src/components/SvgIcon/index.vue +++ b/src/components/SvgIcon/index.vue @@ -4,34 +4,21 @@ </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> <style scope lang="scss"> -- Gitblit v1.9.3