feat: DictTag组件增加props支持自定义每个tag之间的间隔,默认为5px
parent
6edd64f13b
commit
b5eb9e73a7
|
@ -20,6 +20,11 @@ export default defineComponent({
|
||||||
sepSymbol: {
|
sepSymbol: {
|
||||||
type: String as PropType<string>,
|
type: String as PropType<string>,
|
||||||
default: ','
|
default: ','
|
||||||
|
},
|
||||||
|
// 每个tag之间的间隔,默认为5px
|
||||||
|
tagSpacing: {
|
||||||
|
type: String as PropType<string>,
|
||||||
|
default: '5px'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
setup(props) {
|
setup(props) {
|
||||||
|
@ -49,7 +54,15 @@ export default defineComponent({
|
||||||
const dictOptions = getDictOptions(props.type)
|
const dictOptions = getDictOptions(props.type)
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div class="dict-tag">
|
<div
|
||||||
|
class="dict-tag"
|
||||||
|
style={{
|
||||||
|
display: 'flex',
|
||||||
|
gap: props.tagSpacing,
|
||||||
|
justifyContent: 'center',
|
||||||
|
alignItems: 'center'
|
||||||
|
}}
|
||||||
|
>
|
||||||
{dictOptions.map((dict: DictDataType) => {
|
{dictOptions.map((dict: DictDataType) => {
|
||||||
if (valueArr.value.includes(dict.value)) {
|
if (valueArr.value.includes(dict.value)) {
|
||||||
if (dict.colorType + '' === 'primary' || dict.colorType + '' === 'default') {
|
if (dict.colorType + '' === 'primary' || dict.colorType + '' === 'default') {
|
||||||
|
|
Loading…
Reference in New Issue