element-ui一些组件使用记录
青青子衿-悠悠我心VIP
这个作者很懒,什么都没留下…
展开
-
element-ui el-dialog如何设置响应式宽高且永远水平垂直居中
写在前面el-dialog是使平常使用element-ui比较常用的一个组件,想要灵活控制它达到想要的开发效果,就必须要熟悉它默认一些属性:默认width:50%,高度为标题和el-dialog__body,el-dialog__footer内容以及padding撑开,定位上默认水平居中,距离顶端15vh具体实现原理是width采用百分比,height赋值为vh,覆盖el-dialog默认的top:15vh改为top: 0vh,最后设置定位让它来水平垂直居中。...原创 2022-04-27 18:16:57 · 10599 阅读 · 1 评论 -
element-ui el-drawer组件在指定div内打开
写在前面element-ui组件库中的el-drawer默认是相对整个网页窗口呈抽屉形式打开,如果有开发需求要求在指定的div里面打开呢具体实现 其实也很简单,核心是设置父元素position:relative或absolute,再设置el-drawer的position:absolute,使它相对于它的父元素定位部分代码示例: (*注:vue语法环境)<div style="height:680px"> <h2>这里是h2...原创 2022-04-27 15:55:10 · 8687 阅读 · 0 评论