设置 antd Tooltip组件的宽度

  1. 通过 overlayStyle卡片样式设置
 <Tooltip
  placement="top"
  title="tip"
  overlayStyle={
     
     {
     
      maxWidth: 350 }}
      >
 我是一个小 tips
</Tooltip>

2.通过overlayClassName卡片类名设置(可进行全局设置)

<Tooltip
    placement="top"
    title="tip"
    overlayClassName="my-tooltip"
>
   我是一个小 tips
</Tooltip>
//可以在全局组件里面统一设置
.my-tooltip {
    
    
  &.ant-tooltip {
    
          //sass写法 
    max-width: 600px;
  }
}

//相当于
 .my-tooltip .ant-tooltip {
    
     
 max-width: 600px;
 }

猜你喜欢

转载自blog.csdn.net/qq_41536505/article/details/118756750