JLNTV_IPD/tmagic-editor
4
0
Fork 0
mirror of https://github.com/Tencent/tmagic-editor.git synced 2025-10-14 17:33:01 +08:00
Code Issues Projects Releases Wiki Activity

style(form): radio-group选项中icon大小根据size变化

Browse Source
This commit is contained in:
roymondchen 2025-10-13 19:25:30 +08:00
parent 2888004c17
commit 83bf36d980
1 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
packages/form/src/fields/RadioGroup.vue
View File

@ -9,12 +9,12 @@
>
<TMagicTooltip v-if="option.tooltip" placement="top-start" :content="option.tooltip">
<div>
<TMagicIcon v-if="option.icon" :size="'16'"><component :is="option.icon"></component></TMagicIcon>
<TMagicIcon v-if="option.icon" :size="iconSize"><component :is="option.icon"></component></TMagicIcon>
<span>{{ option.text }}</span>
</div>
</TMagicTooltip>
<div v-else>
<TMagicIcon v-if="option.icon" :size="'16'"><component :is="option.icon"></component></TMagicIcon>
<TMagicIcon v-if="option.icon" :size="iconSize"><component :is="option.icon"></component></TMagicIcon>
<span>{{ option.text }}</span>
</div>
</component>
@ -49,4 +49,14 @@ const clickHandler = (item: any) => {
};
useAddField(props.prop);
const iconSize = computed(() => {
if (props.size === 'small') {
return '12';
}
if (props.size === 'large') {
return '16';
}
return '14';
});
</script>