el-dialog 圆角 白边问题
项目中 因为改右边的x
所以这儿没有用标题
<el-dialog:visible.sync="delVisible"width="440px":show-close="false"custom-class="customClass"><div class="digTop"><div>系统维护安全验证</div><div class="icon-class" @click=";(delVisible = false), (tempId = null)"><i class="el-icon-close" size="16"></i></div></div></el-dialog>
设计图的圆角是8px
出现圆角的代码
/deep/ .el-dialog {border-radius: 8px;
}
.digTop {border-radius: 8px 8px 0 0;display: flex;align-items: center;justify-content: space-between;padding: 0 20px;background: #7763fa;position: absolute;top: 0;left: 0;width: 100%;height: 32px;color: white;font-size: 16px;letter-spacing: 1px;}
解决方法.el-dialog
上方圆角 调大
/deep/ .el-dialog {border-radius: 15px 15px 8px 8px;
}
el-dialog 圆角 白边问题相关推荐
- android--圆角框--dialog(圆角框)
android圆角框–透明背景圆角框 <?xml version="1.0" encoding="utf-8"?> <shape xmlns: ...
- Android自定义Dialog+圆角处理
目录 一.自定义Dialog 二.Dialog添加圆角 一.自定义Dialog 自定义Dialog实现过程 本文的自定义dialog是在fragment中实现的,在Activity里面应该大同小异了. ...
- [Java] Java生成二维码带LOGO, LOGO加圆角白框
先来看看效果: 实现: 生成指定文字内容的二维码 二维码中间嵌入LOGO 二维码做圆角和白色边框处理 新需求不断, 这不, 又来了个想生成带用户头像的需求. 蛮简单的- 在这里造完轮子分享给大家 因为 ...
- (转)Android dialog圆角显示及解决出现的黑色棱角.(友情提示)
原地址:http://blog.csdn.net/jj120522/article/details/7871289 最近在开发一个天气预报的app,看到一个比较不错友情提示,如下: ...
- android dialog圆角显示及解决出现的黑色棱角.(友情提示)
仔细看就是四个角,发现出现四个黑棱角,这个肯定使我们不想要的结果,我在配置文件中怎么设置都不行,郁闷了好久,突然发现之前做过dialog显示图片的效果,找了一下例子,原来真的做过,看来我真的不适合做程 ...
- 设置dialog圆角
1.创建一个Dialog,传入设置的属性 final Dialog dialog = new Dialog(context, R.style.Dialog_FS); //R.style.Dialog_ ...
- 自定义dialog 可以读秒自动关闭
随便写了个自定义dialog 可以读秒自动关闭 看一下就知道了 很简单 /*** Created by miao on 2016/12/6.* 所有的上下文对象必须以activity.this这种传入 ...
- Dialog的知识点
首先这个是设置动画 和占满全屏 dialog.setContentView(rootView); Window window = dialog.getWindow(); window.setGrav ...
- 自定义键盘组件_一文读懂!iOS系统组件的设计规范全解
一说到组件,大部分初级设计师和中级设计师的脑海里只会蹦出弹窗.Toast及操作列表等具体的概念,没有一套属于自己的组件分类体系,这样对于视觉设计.交互设计或产品设计的系统学习来说都是不利的. iOS1 ...
- 自定义键盘组件_一文读懂!iOS系统组件的设计规范全解!
一说到组件,大部分初级设计师和中级设计师的脑海里只会蹦出弹窗.Toast及操作列表等具体的概念,没有一套属于自己的组件分类体系,这样对于视觉设计.交互设计或产品设计的系统学习来说都是不利的. iOS1 ...
最新文章
- ios项目文件结构 目录的整理
- 负载均衡算法-最少连接数均衡
- NR 5G 运营发布
- 关于select—页面中的ListBox的Javascript
- Unity UGUI —— 无限循环List(转载)
- VTK:Dijkstra 图形测地线路径用法实战
- redis下载+php,php+redis实现消息队列
- linux里面启用无线网卡,linux启用无线网卡上网
- java 双向链表_23张图!万字详解「链表」,从小白到大佬
- python爬动态网页json_爬虫再探实战(四)———爬取动态加载页面——请求json...
- 简单的线程同步问题:两个线程交替执行N次【Synchronized、Lock、ArrayBlockingQueue】...
- django 1.8 官方文档翻译: 8-3 点击劫持保护
- HTTP请求报头中各个字段的含义
- Google 再见 Java
- 中国互联网的那些事——二十年回顾
- javase2021最强学习线路没有之一
- Windows 桌面应用开发入门
- 装修新房该不该换电线
- 如何避免浏览器缓存。
- 菜鸟云打印接入Demo
热门文章
- java反射机制和运用
- Linux文件补全功能,Linux系统自动补全命令有哪些
- 返回上一页,ajax读出来的数据丢失。
- java 微博爬虫 cookie_微博爬虫——自动获取访客Cookie - GXUZF.COM - 林澈思的茶
- Android怎么插手机卡,一加手机3怎么装卡 一加3手机SIM卡安装图文教程
- 字体小三、小四号字的数字表示是多少
- XAMPP运行MySQL entire log window on the forums解决方案
- # 第一次面试问题详解
- uikit框架_UIkit框架的口哨之旅
- 像素测量工具_像素大厨PxCook for Mac(自动标注工具)中文免费版