feat: DictTag组件增加props支持自定义每个tag之间的间隔,默认为5px

pull/493/head
GoldenZqqqq 2024-08-04 12:14:01 +08:00
parent 6edd64f13b
commit b5eb9e73a7
1 changed files with 14 additions and 1 deletions

View File

@ -20,6 +20,11 @@ export default defineComponent({
sepSymbol: {
type: String as PropType<string>,
default: ','
},
// tag5px
tagSpacing: {
type: String as PropType<string>,
default: '5px'
}
},
setup(props) {
@ -49,7 +54,15 @@ export default defineComponent({
const dictOptions = getDictOptions(props.type)
return (
<div class="dict-tag">
<div
class="dict-tag"
style={{
display: 'flex',
gap: props.tagSpacing,
justifyContent: 'center',
alignItems: 'center'
}}
>
{dictOptions.map((dict: DictDataType) => {
if (valueArr.value.includes(dict.value)) {
if (dict.colorType + '' === 'primary' || dict.colorType + '' === 'default') {