element-ui 自定义el-popover弹出框的样式,以及弹出框的位置(相对于自身来说)
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
原来的样式
自定义样式以后的弹出框
popper-class=“area_popper” 给弹出框添加类名,设定自定义样式
.area_popper{
background-color: #3d4451!important;
border-radius: 6px!important;
opacity: 0.9!important;
font-size: 12px!important;
color: #ffffff!important;
padding: 0!important;
transform: translateY(12px);
}
.showText{
margin: 8px;
}
.popper__arrow::after{
border-top-color: #3d4451!important;
}
样式要写到全局样式表中
自定义弹出的位置,要用到 transform平移和子自身的一个偏移量属性offset结合使用,达到预期效果;之前一直在考虑用定位,一直没有成功
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)