Element--el-tooltip定义样式
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
<el-tooltip placement="bottom" effect="light" popper-class="toolp">
<div slot="content"><p>1.事件分析需要您的技术同事在小程序代码中埋点,买点方式参考自定义事件。</p><p>2.如已埋点成功,数据显示会有1~2小时延迟,请耐心等待。</p></div>
<i class="ti-help-alt data-icon"></i>
</el-tooltip>
</div>
1.全局定义样式
例如:
```javascript
.el-tooltip__popper {
max-width: 340px;
padding: 16px;
background: #fff !important;
color: #666 !important;
border-color: #badade !important;
}
.el-tooltip__popper b {
color: #333;
}
2.使用 popper-class
例如:
```css
popper-class="toolp"
.toolp {
max-width: 600px !important;
}
.el-tooltip__popper.is-dark.wyf {
font-size: 12px;
// height: 20px;
width: 520px;
line-height: 20px;
padding: 3px 5px;
color: #666;
}
.el-tooltip__popper[x-placement^=right] .popper__arrow{
border-color: transparent !important;
border-right-color: #efefef !important;
}
.el-tooltip__popper[x-placement^=right] .popper__arrow::after {
border-color: transparent !important;
border-right-color: #fff !important;
}
.el-tooltip__popper[x-placement^=left] .popper__arrow{
border-color: transparent !important;
border-left-color: #efefef !important;
}
.el-tooltip__popper[x-placement^=left] .popper__arrow::after {
border-color: transparent !important;
border-left-color: #fff !important;
}
GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:3 个月前 )
c345bb45
7 个月前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 7 个月前
更多推荐
已为社区贡献1条内容
所有评论(0)