createByModal 基本上是一个脉轮模态,我在其中使用工具提示。每当我将鼠标悬停在图标上时,工具提示会在屏幕顶部而不是图标顶部显示我。在照片中,您可以看到忽略元素正在显示在左上角
const CreatedByModal = () => {
return (
<Stack
spacing={"4"}
margin={"0px !important"}
alignItems={"center"}
px={{ base: "2", lg: "6" }}
pt={"2"}
>
<HStack justifyContent={"space-between"}>
<Tooltip
bg={"white"}
textAlign={"center"}
color={"black"}
placement="top"
label="Tip"
aria-label="A tooltip"
>
<AiFillWallet size={"1.2rem"} color={"#b1bad3"} />
</Tooltip>
<Tooltip
bg={"white"}
textAlign={"center"}
color={"black"}
placement="top"
label="Ignore"
aria-label="A tooltip"
>
<AiFillEyeInvisible size={"1.2rem"} color={"#b1bad3"} />
</Tooltip>
</HStack>
</Stack>
);
};
Run Code Online (Sandbox Code Playgroud) 我试图改变分隔线的颜色,但它没有改变
<Stack color={'white'} >
<HStack>
<Text>Email</Text>
<Tag
size={'sm'}
borderRadius='full'
variant='solid'
colorScheme='green'>
<TagLabel>verified</TagLabel>
</Tag>
</HStack>
<Divider color={'red'} />
</Stack>
Run Code Online (Sandbox Code Playgroud)