<el-tooltip placement="bottom" effect="light" popper-class="toolp">
<div slot="content"><p>1.事件分析需要您的技术同事在小程序代码中埋点,买点方式参考自定义事件。</p><p>2.如已埋点成功,数据显示会有1~2小时延迟,请耐心等待。</p></div>
<i class="ti-help-alt data-icon"></i>
</el-tooltip>
</div>
1.全局定义样式
例如:
```javascript
.el-tooltip__popper {
max-width: 340px;
padding: 16px;
background: #fff !important;
color: #666 !important;
border-color: #badade !important;
}
.el-tooltip__popper b {
color: #333;
}
2.使用 popper-class
例如:
```css
popper-class="toolp"
.toolp {
max-width: 600px !important;
}
.el-tooltip__popper.is-dark.wyf {
font-size: 12px;
// height: 20px;
width: 520px;
line-height: 20px;
padding: 3px 5px;
color: #666;
}
.el-tooltip__popper[x-placement^=right] .popper__arrow{
border-color: transparent !important;
border-right-color: #efefef !important;
}
.el-tooltip__popper[x-placement^=right] .popper__arrow::after {
border-color: transparent !important;
border-right-color: #fff !important;
}
.el-tooltip__popper[x-placement^=left] .popper__arrow{
border-color: transparent !important;
border-left-color: #efefef !important;
}
.el-tooltip__popper[x-placement^=left] .popper__arrow::after {
border-color: transparent !important;
border-left-color: #fff !important;
}