这篇文章主要介绍了Element Tooltip 文字提示的使用示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
组件― 文字提示
基础用法
<div class="box"> <div class="top"> 上左 上边 上右</div><div class="left"> 左上 左边 左下</div><div class="right"> 右上 右边 右下</div><div class="bottom"> 下左 下边 下右</div></div> .box { width: 400px; .top { text-align: center; } .left { float: left; width: 60px; } .right { float: right; width: 60px; } .botto<i style="color:transparent">本文来源gaodai$ma#com搞$$代**码)网8</i>m { clear: both; text-align: center; } .item { margin: 4px; } .left .el-tooltip__popper, .right .el-tooltip__popper { padding: 8px 10px; } }
主题
Dark Light
更多 Content
<div>多行信息<br />第二行信息</div>Top center
高级扩展
点击{{disabled ? '开启' : '关闭'}} tooltip 功能
Attributes
到此这篇关于Element Tooltip 文字提示的使用示例的文章就介绍到这了,更多相关Element Tooltip 文字提示内容请搜索gaodaima搞代码网以前的文章或继续浏览下面的相关文章希望大家以后多多支持gaodaima搞代码网!
以上就是Element Tooltip 文字提示的使用示例的详细内容,更多请关注gaodaima搞代码网其它相关文章!