(css)自定义el-dialog对话框添加背景图片

这篇具有很好参考价值的文章主要介绍了(css)自定义el-dialog对话框添加背景图片。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

(css)自定义el-dialog对话框添加背景图片


效果:

(css)自定义el-dialog对话框添加背景图片,CSS,css,vue.js,前端文章来源地址https://www.toymoban.com/news/detail-601446.html


// 文件管理对话框
/deep/ .el-dialog {
  background: transparent;
  background-image: url("../assets/image/file-upload-background.png");
  background-size: 100% 100%;
}
// 头部
/deep/ .el-dialog__title {
  color: #fff;
}
/deep/ .el-dialog__headerbtn .el-dialog__close {
  color: #fff;
}

到了这里,关于(css)自定义el-dialog对话框添加背景图片的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Android开发 Dialog对话框 DatePickerDialog

    1. AlertDialog AlertDialog是弹出的提醒对话框,有提示,确认,选择等功能。 没有公开的构造方法,一般用AlertDialog.Builder来完成参数设置,最后调用create方法创建。 参数设置常用的方法:  代码: 效果图:   2. DatePickerDialog DatePickerDialog在 AlertDialog上添加了日期选择器DatePicker,

    2023年04月09日
    浏览(36)
  • C++ Qt开发:标准Dialog对话框组件

    Qt 是一个跨平台C++图形界面开发库,利用Qt可以快速开发跨平台窗体应用程序,在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置,实现图形化开发极大的方便了开发效率,本章将重点介绍标准对话框 QInputDialog 、 QFileDialog 这两种对话框组件的常用方法及灵活运用。

    2024年02月04日
    浏览(54)
  • Element组件浅尝辄止6:Dialog 对话框组件

    Dialog 对话框组件:在保留当前页面状态的情况下,告知用户并承载相关操作。 大白话就是弹窗组件,日常开发中比较常见  Dialog 组件的内容可以是任意的,甚至可以是表格或表单 如果需要在一个 Dialog 内部嵌套另一个 Dialog,需要使用  append-to-body  属性。  Dialog 的内容是懒

    2024年02月10日
    浏览(43)
  • JavaScript 练手小技巧:HTML5 的 dialog 标签制作对话框

    对话框,在应用中常常用来做 信息提示、特定操作 (如,登录、删除信息等)。 以前创建对话框,需要用 div 标签去模拟,或者使用一些框架、插件,如 artDialog 、 boostrap 等,去创建 对话框 。 如:使用 div 标签去模拟对话框  特定的功能还需要自己编写 JavaScript 代码,详见

    2024年01月20日
    浏览(37)
  • Element UI Dialog 对话框改成固定高度,超出部分滚动条滚动

    elememt ui 中的el-dialog对话框如果 内容过多高度会被无限拉长 。要将其设置成固定高度,此处我设置的是 页面总高度的70% ,内容过多时在对话框内出现 滚动条 。但是这样设置会造成高度不能根据内容自适应,始终是70%。可以有两种方法实现: 方法二 : 主要是运用element ui 中

    2024年02月12日
    浏览(36)
  • vue 使用Dialog对话框使用过程中出现灰色遮罩问题

    问题描述:使用element ui 中的Dialog组件时,弹框出现灰色遮罩,点击弹出弹框按钮时,会显示弹框,但是不会高亮,还需要在点击一次弹框区域才会高亮,如下图: 官方文档解决方法如下图(官网地址:https://element.eleme.cn/#/zh-CN/component/dialog),里面提供了一个append-to-body的属性

    2024年02月14日
    浏览(40)
  • element ui Dialog 对话框关闭后——清除表单的效验方法(更简便写法)

    效果展示: 主要代码:在关闭弹窗时 有个组件的关闭的回调 @close=\\\'cancel\\\' 调用这 cancel方法就可以实现 关闭的同时清除表单效验 完整代码展示 父组件: 子组件:

    2024年02月03日
    浏览(40)
  • QT中在MainWindow(主窗口)中创建Dialog(对话框)两种方式优缺点对比

    新建窗口工程 利用ui工具在Window中创建三个按钮 打开对话框 关闭对话框 改变三个按钮的名称 openDialog closeDialog 在工程中添加QDialog类,名字是Dialog 在Dialog中创建label控件,写上HelloWorld 最关键的一步,在window的类中创建Dialog私有对象指针 在window.cpp中编写指针myDialog的初始化代

    2024年02月07日
    浏览(45)
  • el-dialog对话框子组件的关闭

    在子组件对话框中 用:before-close关闭对话框,取消按键绑定点击事件 子组件把\\\"close\\\"事件传给父组件  父组件中@close接收子组件传来的“close”事件 

    2024年02月12日
    浏览(35)
  • 对话框之模式对话框与无模式对话框以及自定义消息

    模式对话框 创建模式对话框步骤 创建模式对话框模板 IDD_COptionsDialog 构造一个CDialog对象,并封装对话框模板 调用CDialog:Domal()显示对话框 无模式对话框 创建对话框模板 IDD_COptionsDialog 构造一个CDialog对象,并封装进对话框模板 单击菜单项显示无模式对话框

    2024年02月10日
    浏览(49)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包