Commit b5eb9e73 by GoldenZqqqq

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

parent 6edd64f1
...@@ -20,6 +20,11 @@ export default defineComponent({ ...@@ -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({ ...@@ -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') {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment