美文网首页
element-plus 修改tooltip样式的方式

element-plus 修改tooltip样式的方式

作者: 读书练习生 | 来源:发表于2022-06-01 16:27 被阅读0次

1、样式覆盖,element-reset.scss中
.el-popper {

  outline: none;

  &.tooltips{

    border-radius: 0;

    box-shadow: none;

    padding: 0 4px;

  }

}
2使用
<el-tooltip  placement="top"  :content="`${lockedGraphBounds ? '固定比例' : '解除固定比例'}`" trigger="click"   popper-class="tooltips">

  popper-class绑定在scss文件中保存的样式名称即可

相关文章

网友评论

      本文标题:element-plus 修改tooltip样式的方式

      本文链接:https://www.haomeiwen.com/subject/bkmqmrtx.html