技术栈

自定义el-dialog的样式

好想Z☡zᶻ2024-03-05 20:10

实现效果:

样式代码如下:(可以写在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;
    }
  }
}
复制代码
上一篇:Python教程——最后一波来喽
下一篇:电子设备内幕:RAM和ROM小百科
相关推荐
年老体衰按不动键盘
3 分钟前
快速部署和启动Vue3项目
java·javascript·vue
小小小小宇
3 分钟前
一个小小的柯里化函数
前端
灵感__idea
8 分钟前
JavaScript高级程序设计(第5版):无处不在的集合
前端·javascript·程序员
小小小小宇
11 分钟前
前端双Token机制无感刷新
前端
小小小小宇
13 分钟前
重提React闭包陷阱
前端
小小小小宇
29 分钟前
前端XSS和CSRF以及CSP
前端
UFIT
32 分钟前
NoSQL之redis哨兵
java·前端·算法
超级土豆粉
40 分钟前
CSS3 的特性
前端·css·css3
星辰引路-Lefan
40 分钟前
深入理解React Hooks的原理与实践
前端·javascript·react.js
wyn20001128
1 小时前
JavaWeb的一些基础技术
前端
热门推荐
01【图像处理与机器视觉】XJTU期末考点02KGG转MP3工具|非KGM文件|解密音频03YOLOv8入门 | 重要性能衡量指标、训练结果评价及分析及影响mAP的因素【发论文关注的指标】04海康Visionmaster-常见问题排查方法-启动阶段05从零安装 LLaMA-Factory 微调 Qwen 大模型成功及所有的坑06【SpeedAI科研小助手】2分钟极速解决知网维普重复率、AIGC率过高,一键全文降!文件格式不变,公式都保留的!07Coze扣子平台完整体验和实践(附国内和国际版对比)08DeepSeek各版本说明与优缺点分析09VMware虚拟机安装Win7专业版保姆级教程(附镜像包)10R-tree详解