java tooltiptext提示_Element Tooltip 文字提示的使用示例

组件— 文字提示

基础用法

a66d8a88c248cc0dab13a56c55be1dcb.png

上左

上边

上右

左上

左边

左下

右上

右边

右下

下左

下边

下右

.box {

width: 400px;

.top {

text-align: center;

}

.left {

float: left;

width: 60px;

}

.right {

float: right;

width: 60px;

}

.bottom {

clear: both;

text-align: center;

}

.item {

margin: 4px;

}

.left .el-tooltip__popper,

.right .el-tooltip__popper {

padding: 8px 10px;

}

}

主题

1aa17e1c11f61f69b4e553a127c0480e.png

Dark

Light

更多 Content

a2c68440f15e226d49e021daa8ea46d2.png

多行信息
第二行信息

Top center

高级扩展

7779edfa3f2db527fa4797b3ee02df9d.png

点击{{disabled ? '开启' : '关闭'}} tooltip 功能

export default {

data() {

return {

disabled: false

};

}

};

f99efe4d2a9211641a5c0583c79af574.png

Attributes

d4f6dd0fca875c19706dff36584422d1.png

abcc5b3dc2fad3ed851ed2d775a51e8e.png

到此这篇关于Element Tooltip 文字提示的使用示例的文章就介绍到这了,更多相关Element Tooltip 文字提示内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值