项目需求其实很常见,就是平时的问号提示语
就是这个问号,但是没有换行,视觉效果太差了
如图:
代码:
<el-tooltip class="item" effect="dark" content="创建创意时从视频中自动抽取多帧图片优选生成封面,本方案无需手动上传图片" placement="top">
<i class="el-icon-question smartTip"></i>
</el-tooltip>
修改后的效果图:
代码:
<el-tooltip class="item" effect="dark" placement="top">
<i class="el-icon-question smartTip"></i>
<div style="width: 200px;" slot="content">创建创意时从视频中自动抽取多帧图片优选生成封面,
本方案无需手动上传图片</div>
</el-tooltip>
就是把el-tooltip的content属性写在里面的div里面slot就可以了
css代码:
.bidMethod {
position: relative;
.smartTip {
position: absolute;
left: -113px;
top: 6px;
}
}
定位属性自己调整好位置吧,位置不一定会一样