diff --git a/src/packages/radio/radio.taro.tsx b/src/packages/radio/radio.taro.tsx index 1b4b46eb5e..f8681974f2 100644 --- a/src/packages/radio/radio.taro.tsx +++ b/src/packages/radio/radio.taro.tsx @@ -10,6 +10,7 @@ import RadioContext from '../radiogroup/context' import { BasicComponent, ComponentDefaults } from '@/utils/typings' import { usePropsValue } from '@/utils/use-props-value' import { RadioPosition, RadioShape } from '@/packages/radio/types' +import { harmony } from '@/utils/platform-taro' export interface RadioProps extends BasicComponent { disabled: boolean @@ -89,25 +90,32 @@ export const Radio: FC< const renderIcon = () => { const { icon, activeIcon } = props if (disabled && !checkedStatement) { - return + const colors = harmony() ? { color: '#c2c4cc' } : {} + return } if (checkedStatement) { + const colors = harmony() + ? { color: disabled ? '#ffadbe' : '#ff0f23' } + : {} return React.isValidElement(activeIcon) ? ( React.cloneElement(activeIcon, { ...activeIcon.props, className: classNames(color()), + ...colors, }) ) : ( - + ) } + const colors = harmony() ? { color: '#c2c4cc' } : {} return React.isValidElement(icon) ? ( React.cloneElement(icon, { ...icon.props, className: classNames(color()), + ...colors, }) ) : ( - + ) } const renderLabel = () => { diff --git a/src/packages/radiogroup/radiogroup.scss b/src/packages/radiogroup/radiogroup.scss index 118c930340..b11ab56ca0 100644 --- a/src/packages/radiogroup/radiogroup.scss +++ b/src/packages/radiogroup/radiogroup.scss @@ -30,6 +30,8 @@ } &-horizontal { + display: flex; + .nut-radio { display: inline-flex;