SwipeAction在IDE中的表现和网站例子不一致

[ghost]

网站的示例代码：
<Space vertical size={'10px'}>
基本用法
<SwipeAction
action={
<Space
style={{
width: rpxToPx(300),
fontSize: rpxToPx(32),
color: '#fff',
}}
>
<Space
alignItems={'center'}
justify={'center'}
flex={1}
style={{ background: '#ff2124' }}
>
删除

<Space
style={{ background: '#096dd9' }}
alignItems={'center'}
justify={'center'}
flex={1}
>
标记


}
>
<ListItem
img={CommonImg.doctor}
title={'王医生'}
subtitle={'外科'}
text={'新生儿中心'}
footer={'凯桥互联网医院'}
/>


IDE中的效果图：

示例网站效果图: