自定义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;
    }
  }
}
复制代码
相关推荐
鹏北海-RemHusband1 小时前
从零到一:基于 micro-app 的企业级微前端模板完整实现指南
前端·微服务·架构
LYFlied1 小时前
AI大时代下前端跨端解决方案的现状与演进路径
前端·人工智能
光影少年1 小时前
AI 前端 / 高级前端
前端·人工智能·状态模式
一位搞嵌入式的 genius1 小时前
深入 JavaScript 函数式编程:从基础到实战(含面试题解析)
前端·javascript·函数式
anOnion2 小时前
构建无障碍组件之Alert Dialog Pattern
前端·html·交互设计
choke2332 小时前
[特殊字符] Python 文件与路径操作
java·前端·javascript
云飞云共享云桌面2 小时前
高性能图形工作站的资源如何共享给10个SolidWorks研发设计用
linux·运维·服务器·前端·网络·数据库·人工智能
wqq63108552 小时前
Python基于Vue的实验室管理系统 django flask pycharm
vue.js·python·django
Deng9452013142 小时前
Vue + Flask 前后端分离项目实战:从零搭建一个完整博客系统
前端·vue.js·flask
威迪斯特2 小时前
Flask:轻量级Web框架的技术本质与工程实践
前端·数据库·后端·python·flask·开发框架·核心架构