root/ludu-admin-vue3
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1、解决自定义字典标签值为零时标签不渲染的问题

Browse Source 
2、添加标签的文字颜色为白色，解决自定义背景颜色时标签文字看不清的问题
This commit is contained in:
puhui999 2023-03-06 11:48:39 +08:00
parent 84e802fe93
commit cbc21c33b1
1 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/DictTag/src/DictTag.vue
View File

@ -33,12 +33,15 @@ export default defineComponent({
if (!props.type) { if (!props.type) {
return null return null
} }
if (!props.value) { // 解决自定义字典标签值为零时标签不渲染的问题
if (!props.value && props.value !== 0) {
return null return null
} }
getDictObj(props.type, props.value.toString()) getDictObj(props.type, props.value.toString())
// 添加标签的文字颜色为白色，解决自定义背景颜色时标签文字看不清的问题
return ( return (
<ElTag <ElTag
style={dictData.value?.cssClass ? 'color: #fff' : ''}
type={dictData.value?.colorType} type={dictData.value?.colorType}
color={ color={
dictData.value?.cssClass && isHexColor(dictData.value?.cssClass) dictData.value?.cssClass && isHexColor(dictData.value?.cssClass)