Files
continew-admin-ui/src/components/GiCell/GiCellGender.vue
2024-11-14 21:59:22 +08:00

28 lines
714 B
Vue

<template>
<a-tag v-if="props.gender === 1" color="arcoblue" size="small" class="gi_round">
<template #icon><icon-man /></template>
<template #default></template>
</a-tag>
<a-tag v-else-if="props.gender === 2" color="magenta" size="small" class="gi_round">
<template #icon><icon-woman /></template>
<template #default></template>
</a-tag>
<a-tag v-else color="gray" size="small" class="gi_round">
<template #default>未知</template>
</a-tag>
</template>
<script setup lang="ts">
defineOptions({ name: 'GiCellGender' })
const props = withDefaults(defineProps<Props>(), {
gender: 1,
})
interface Props {
gender: 1 | 2 | 0
}
</script>
<style lang="scss" scoped></style>