26 lines
615 B
Vue
26 lines
615 B
Vue
|
<template>
|
||
|
|
<span :class="classList" :style="styleList">
|
||
|
|
<slot v-if="type != 'dot'"></slot>
|
||
|
|
</span>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script setup name="LayBadge" lang="ts">
|
||
|
|
import { defineProps } from '@vue/runtime-core'
|
||
|
|
|
||
|
|
const props =
|
||
|
|
defineProps<{
|
||
|
|
type: string
|
||
|
|
theme: string
|
||
|
|
color: string
|
||
|
|
}>()
|
||
|
|
|
||
|
|
const classList = [{
|
||
|
|
'layui-badge': !props.type,
|
||
|
|
'layui-badge-dot': props.type == 'dot',
|
||
|
|
'layui-badge-rim': props.type == 'rim',
|
||
|
|
},
|
||
|
|
'layui-bg-' + props.theme];
|
||
|
|
|
||
|
|
const styleList = props.color ? 'background-color: ' + props.color : '';
|
||
|
|
|
||
|
|
</script>
|