这个只是基于element的对话框做的调整,eltableDiv 是父类名(为了不污染全局样式要加父类名)
赞
踩
<el-dialog top="2vh" title="异常指标明细" :visible.sync="LeftRightDialog" :modal="true" width='1400px' @before-close="closeDialog" :close-on-click-modal="false">
</el-dialog>
:close-on-click-modal=“false” 点击外部不会关闭对话框;
@before-close=“closeDialog” 根据需求添加;
这个只是基于element的对话框做的调整,
eltableDiv 是父类名(为了不污染全局样式要加父类名)
<style> .eltableDiv .el-dialog { height: calc(100% - 98px); } .eltableDiv .el-dialog__body { height: calc(100% - 80px); padding: 10px 20px; } .eltableDiv .el-dialog__header { background: #EBF0FA; border-radius: 4px 4px 0px 0px; height: 40px; border-bottom: 1px solid #C8D9FA; line-height: 4px; } .eltableDiv .el-dialog__title{ font-size: 16px; font-weight: 700; color: #333333; line-height: 0; } .eltableDiv .el-dialog__headerbtn{ top:14px; } </style>
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。