el-tooltip内容换行,很简单,加一行代码
项目需求其实很常见,就是平时的问号提示语就是这个问号,但是没有换行,视觉效果太差了如图:代码:<el-tooltip class="item" effect="dark" content="创建创意时从视频中自动抽取多帧图片优选生成封面,本方案无需手动上传图片" placement="top"><i class="el-icon-question smartTip"><
·
项目需求其实很常见,就是平时的问号提示语

就是这个问号,但是没有换行,视觉效果太差了
如图:

代码:
<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;
}
}
定位属性自己调整好位置吧,位置不一定会一样
更多推荐


所有评论(0)