ant design 修改Tooltip样式

一、 利用overlayClassName给组件起类名

<a-tooltip overlayClassName="nameTooltipClass">
          <template slot="title">
            {{ item.name }}
          </template>
          <span class="setting-customNav-customNavItem-content-left-name" :style="{color: item.display == 0 ? '#999999' : '#333333'}">{{item.name}}</span>
</a-tooltip>

二、然后根据类名重新写样式

.nameTooltipClass {
    .ant-tooltip-inner {
        color: #FFFFFF;
        background-color: #333333;
        opacity: 1;
    }
    
}

**注意：**这里的样式等级跟父元素同等级