自定义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;
    }
  }
}
复制代码
相关推荐
计算机魔术师7 分钟前
英伟达要投100亿美元入股Anthropic,史上最大IPO的底牌
前端
hanchenxing38 分钟前
自动化脚本“卡住无输出“怎么办: 一次 WebSocket 挂死的排查与自愈模板
运维·javascript·chrome·websocket·自动化·自动化爬虫
yume_sibai1 小时前
02-Flutter进阶开发
前端·flutter
津津有味道1 小时前
Web网页写网址到424DNA标签Javascrip源码
javascript·nfc·424dna·写网址·加密提交
a1117761 小时前
莱茵生命终端 网页 html
前端·开源
水月清辉2 小时前
CSS 常用语法详解
前端·css
梨涡泥窝2 小时前
JavaWeb——基于 Spring Boot + Vue 的图书管理系统的设计与实现
vue.js·spring boot·后端
Eric_见嘉2 小时前
打开这个 VSC 设置「组件引用位置」和数量就都清楚了
前端·typescript·visual studio code
李高钢2 小时前
Python Tornado 框架入门:从零搭建你的第一个异步 Web 应用
前端·python·tornado
宁风3 小时前
JavaScript:函数体系-1
前端·javascript