From 947cafbb9c59261d0d7252a70bbbca8690c5cbc4 Mon Sep 17 00:00:00 2001
From: Ben Lin <maobin001@msn.com>
Date: 星期三, 21 八月 2024 01:54:01 +0800
Subject: [PATCH] 是否称重
---
src/components/Menu/src/components/MenuItemContent.vue | 35 +++++++++++++----------------------
1 files changed, 13 insertions(+), 22 deletions(-)
diff --git a/src/components/Menu/src/components/MenuItemContent.vue b/src/components/Menu/src/components/MenuItemContent.vue
index 3d3351d..9ac1f5d 100644
--- a/src/components/Menu/src/components/MenuItemContent.vue
+++ b/src/components/Menu/src/components/MenuItemContent.vue
@@ -1,34 +1,25 @@
<template>
<span :class="`${prefixCls}- flex items-center `">
+ <img v-if="getImg" :src="getImg" class="w-18px h-18px align-top mr-2" />
<Icon v-if="getIcon" :icon="getIcon" :size="18" :class="`${prefixCls}-wrapper__icon mr-2`" />
{{ getI18nName }}
</span>
</template>
-<script lang="ts">
- import { computed, defineComponent } from 'vue';
+<script lang="ts" setup>
+ import { computed } from 'vue';
import Icon from '@/components/Icon/Icon.vue';
- import { useI18n } from '/@/hooks/web/useI18n';
- import { useDesign } from '/@/hooks/web/useDesign';
+ import { useI18n } from '@/hooks/web/useI18n';
+ import { useDesign } from '@/hooks/web/useDesign';
import { contentProps } from '../props';
+ defineOptions({ name: 'MenuItemContent' });
+
+ const props = defineProps(contentProps);
+
const { t } = useI18n();
+ const { prefixCls } = useDesign('basic-menu-item-content');
- export default defineComponent({
- name: 'MenuItemContent',
- components: {
- Icon,
- },
- props: contentProps,
- setup(props) {
- const { prefixCls } = useDesign('basic-menu-item-content');
- const getI18nName = computed(() => t(props.item?.name));
- const getIcon = computed(() => props.item?.icon);
-
- return {
- prefixCls,
- getI18nName,
- getIcon,
- };
- },
- });
+ const getI18nName = computed(() => t(props.item?.meta?.title || props.item?.name));
+ const getIcon = computed(() => (props.item?.img ? undefined : props.item?.icon));
+ const getImg = computed(() => props.item?.img);
</script>
--
Gitblit v1.9.3