diff --git a/core/core-frontend/src/custom-component/v-query/Component.vue b/core/core-frontend/src/custom-component/v-query/Component.vue index 36c96eaeb0..4da028f2d3 100644 --- a/core/core-frontend/src/custom-component/v-query/Component.vue +++ b/core/core-frontend/src/custom-component/v-query/Component.vue @@ -185,6 +185,9 @@ const setCustomStyle = val => { '--ed-component-size', `${customStyle.placeholderSize + 18}px` ) + vQueryRef.value.querySelectorAll('.ed-tag').forEach(ele => { + ele.style.setProperty('--ed-tag-font-size', `${customStyle.placeholderSize}px`) + }) }) customStyle.placeholder = placeholder ?? '请选择' customStyle.titleShow = titleShow @@ -495,6 +498,10 @@ watch( } ) +const boxWidth = computed(() => { + return `${customStyle.placeholderSize}px` +}) + const queryData = () => { let requiredName = '' const emitterList = (element.value.propValue || []).reduce((pre, next) => { @@ -711,6 +718,14 @@ const autoStyle = computed(() => { position: relative; --ed-font-size-base: 14px; + :deep(.ed-tag) { + --ed-tag-font-size: 14px; + } + + :deep(.ed-select-v2) { + font-size: v-bind(boxWidth); + } + .no-list-label { width: 100%; position: absolute;