使用el-tooltip来做提示框:
html
<el-tooltip popper-class="popper" content="敬请期待" placement="right">
<div>
<i class="iconfont icon-lianjie-01"></i>
<span>输入链接</span>
</div>
</el-tooltip>
去掉默认小三角和背景样式:
css
.popper {
width: 268.5px !important;
background: #F0F0F0 !important;
font-weight: 400 !important;
font-size: 12px !important;
color: #333333 !important;
padding: 14px 22px !important;
border: 1px solid #E8E8E8 !important;
}
.popper .popper__arrow::after,
.popper .popper__arrow {
border-right-color: #F0F0F0 !important;
}