自定义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;
    }
  }
}
复制代码
相关推荐
天宇&嘘月2 小时前
web第三次作业
前端·javascript·css
小王不会写code2 小时前
axios
前端·javascript·axios
发呆的薇薇°3 小时前
vue3 配置@根路径
前端·vue.js
luoluoal3 小时前
基于Spring Boot+Vue的宠物服务管理系统(源码+文档)
vue.js·spring boot·宠物
luckyext3 小时前
HBuilderX中,VUE生成随机数字,vue调用随机数函数
前端·javascript·vue.js·微信小程序·小程序
小小码农(找工作版)3 小时前
JavaScript 前端面试 4(作用域链、this)
前端·javascript·面试
前端没钱4 小时前
前端需要学习 Docker 吗?
前端·学习·docker
前端郭德纲4 小时前
前端自动化部署的极简方案
运维·前端·自动化
海绵宝宝_4 小时前
【HarmonyOS NEXT】获取正式应用签名证书的签名信息
android·前端·华为·harmonyos·鸿蒙·鸿蒙应用开发
码农土豆5 小时前
chrome V3插件开发,调用 chrome.action.setIcon,提示路径找不到
前端·chrome