（Angular7 ng-Zorro UI框架）Tooltip文字提示的样式设置

（Angular7 ng-Zorro UI框架）Tooltip文字提示的样式设置

之前遇到这种问题 网上查找了很多相关信息 最后总结了一下 

我的代码 是将这个输入框和对应的文字提示 写成了一个组件

科普：

首先 我们要观察提示气泡 UI组件的内部结构   nzMouseLeaveDelay="20" （延迟提示消失时间） 使用这个属性 可以观测到 

nzPlacement="bottom" （提示文字框中间的箭头指向）

nzOverlayClassName="" 添加自定义样式类

在我这里有个奇怪现象 不设置nzMouseLeaveDelay属性  nzPlacement属性就不生效 因为延迟消失时间默认是0.1秒 我这里给它设置成0.2秒

我用的pre标签保留文本格式  你们可以不用这个标签哈

酱 代码奉上

import { Component, OnInit, Input, Output, EventEmitter, OnChanges, SimpleChange } from '@angular/core';
import { NzToolTipModule } from 'ng-zorro-antd/tooltip';

@Component({
    selector:'nz-tootip-template',
    template:`
    <tex