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;