首页 > 其他分享 >element 对话框标头样式美化

element 对话框标头样式美化

时间:2023-06-19 17:56:47浏览次数:33  
标签:__ el 标头 对话框 bottom deep element padding dialog

/deep/ .el-dialog__body {
  padding-top: 27px;
  padding-left: 42px;
  padding-right: 38px;
}

/deep/ .el-dialog {
  background: #F8FAFC;
  border-radius: 12px;
  margin-top: 7vh !important;
}

/deep/ .el-dialog__header {
  position: relative;
  font-size: 20px;
  padding-left: 37px;
  font-weight: bold;
  padding-bottom: 14px;
  border-bottom: 1px solid #ebeef7;
}

/deep/ .el-dialog__title::after {
  content: "";
  position: absolute;
  left: 20px;
  width: 5px;
  height: 24px;
  bottom: 16px;
  background: #3573ff !important;
  z-index: 2;
}

 

标签:__,el,标头,对话框,bottom,deep,element,padding,dialog
From: https://www.cnblogs.com/zsbb/p/17491776.html

相关文章

  • element-tree相关经验汇总
    前言:这个el-tree是前段时间做项目时候写的,一直没时间进行整理,最近那个项目的tree数据超级大,导致浏览器卡死,需要进行处理,正好,趁着这次,把相关的配置也给整理一下(*^▽^*)大概呢就张这个样子:有查询、增加、删除、修改、上移、下移几个功能 那就先写一下相关配置吧: 我这个树上用......
  • element ui 修改按钮公共样式
    //.el-button--text.btntext.el-button--text{color:#000bff;}.btntext.el-button--text:hover{color:#000bff;}.btntext.el-button--text:active{color:#000bff;}.btntext.el-button.is-disabled,.btntext.el-button.is-disab......
  • element ui的表格头合并 方法
    表格自带的colSpan属性可以进行编辑我们利用dom获取后可以直接操作他这里写上事件代码和调用代码具体情况还是需要同学们自己去分析setSpan(){letnheader=document.getElementsByClassName('el-table__header')nheader[0].rows[1].cells[......
  • 解决方案 | pyautogui实现等待特定图片(对话框)出现(可设置等待超时时间)
    1、问题为了等待某个【转换完毕】的图片(对话框)出现,如何设置?   2、解决方案代码如下下面代码实现的是:设置超时时间为10s,当你在完成前序工作以后,代码开始进入等待,一旦你的特定图片出现了,马上探测到它的位置并且实现点击按钮。(注意:如果等待时间超过了10s,那么就会返回提示:T......
  • vue-element-admin 上传图片慢问题处理
    vue-element-admin自带上传图片组件,在使用的过程中发现上传速度很慢,尤其是上传一些大图需要耗时几十秒不能忍受。出现这种情况,是因为upload组件会将图片上传到action="https://httpbin.org/post" ,并返回转换成base64编码格式的数据。格式类似:data:image/jpeg;base64,/9j/4AAQS......
  • createelement的用法(转载)
    document.createElement()是在对象中创建一个对象,要与appendChild()或insertBefore()方法联合使用。其中,appendChild()方法在节点的子节点列表末添加新的子节点。insertBefore()方法在节点的子节点列表任意位置插入新的节点。​下面,举例说明document.createElement()的用......
  • elementui 输入框 自定义图标
    <el-form-itemprop="visitorpath"><el-inputv-model="formData.visitorpath":placeholder="t('EnterName')"class="input-wit......
  • VUE使用Element-ui表达式拼接字符串 el-table-column的prop拼接字符串 拼接table 使
    VUE使用Element-ui表达式拼接字符串el-table-column的prop拼接字符串使用<templateslot-scope="scope">更改td里面值https://blog.csdn.net/WindNolose/article/details/125422409描述VUE中的标签属性,可以在属性前使用:,让属性绑定到data中的动态数据el-table-column标......
  • springboot+elementUI
    功能简介后端用springboot实现数据库的增删改查,前端用vue中的elementUI编写,实现简单的数据展示和增删改。环境准备1.vue环境vue安装:https://www.cnblogs.com/xiaozhaoboke/p/16888421.html安装好后打开vueui进入项目管理器,创建项目添加elementUI插件和axios插件2......
  • VUE&Element
    VUE&Element今日目标:能够使用VUE中常用指令和插值表达式能够使用VUE生命周期函数mounted能够进行简单的Element页面修改1,VUE1.1概述接下来我们学习一款前端的框架,就是VUE。Vue是一套前端框架,免除原生JavaScript中的DOM操作,简化书写。我们之前也学习过后端的框......