自定义el-dialog的样式

实现效果:

样式代码如下:(可以写在common.scss文件夹中)

复制代码
.el-dialog__header {
  padding: 16px 20px;
  border-bottom: 1px solid #DCDFE6;
  display: flex;
  align-items: center;
  .el-dialog__title {
    font-size: 16px;
    position: relative;
    padding-left: 10px;
    &:after {
      content: ' ';
      position: absolute;
      height: 16px;
      width: 4px;
      top: 4px;
      left: 0;
      background-color: #3377FF;
      border-radius: 4px;
    }
  }
}
复制代码
相关推荐
小王码农记15 分钟前
CSS中自定义属性函数var()
前端·css·vue.js
泉城老铁23 分钟前
springboot+vue 如何实现海康摄像头喊话功能
前端·vue.js·后端
一 乐28 分钟前
美食推荐|基于springboot+vue的美食分享系统设计与实现(源码+数据库+文档)
前端·数据库·vue.js·spring boot·后端·美食
WX-bisheyuange30 分钟前
基于Spring Boot的电影院购票系统设计与实现
前端·javascript·vue.js·毕业设计
聊天QQ:6882388631 分钟前
基于Matlab与Simulink的滑模控制六自由度水下机器人运动模型:无缝轨迹跟踪,含S-f...
vue.js
qq_124987075340 分钟前
基于springboot+vue+mysql的校园博客系统(源码+论文+部署+安装)
java·vue.js·spring boot·mysql·毕业设计
通义灵码1 小时前
用 Qoder 加速前端巨石应用的架构演进
前端·人工智能·架构·qoder
一水鉴天1 小时前
整体设计 定稿 之21 拼语言表述体系之3 dashboard.html V5(codebuddy)
前端·人工智能·架构
前端fighter1 小时前
全栈项目:宠物用品购物系统及后台管理
前端·vue.js·后端
吃炒鸡蛋1 小时前
反射更新字段
java·服务器·前端