![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Element-UI
全栈小定^.^
这个作者很懒,什么都没留下…
展开
-
elmentUI 表格样式自定义(行颜色、背景色、内容滚动、去滚动条)
文章目录前言1. 自定义标题颜色2. 行颜色自定义3. 无数据时背景色4. 表格自动滚动5. 表格和页面去除滚动条前言自定义表格颜色、样式方法整理1. 自定义标题颜色:header-cell-style="{ background:'#121626' , color:'#606266' }"实战演示2. 行颜色自定义方法1 直接定义:row-style="{backgroundColor:'#121626'}"实战演示方法2 动态颜色// 组件添加:row-原创 2022-04-14 22:40:18 · 336 阅读 · 0 评论 -
解决消息通知被el-dialog对话框的遮挡的问题($message、$alert、$notify、$confirm)
文章目录1. 原因分析2. 完美解决3. 效果1. 原因分析出现这种情况的原因是因为消息弹窗的层级z-index比对话框低导致的,消息弹窗的z-index一般在2001,而对话框的z-index在3000左右。解决思路很简单,我们只要把对话框的z-index降低即可,让它显示在消息弹窗下面,所以我们只要把对话框的z-index设为1000左右即可,但不要太低,以免对话框被覆盖。2. 完美解决直接在对话框上加:z-index="1000"3. 效果...原创 2022-04-12 21:23:21 · 3185 阅读 · 0 评论 -
elementUI 消息弹窗封装及使用示例($message、$notify、$confirm)
文章目录前言1. 创建 messageUtils.js2. 使用示例前言适用于elment-ui 2.15.7 封装消息弹窗,便于生产环境直接调用,提高开发效率1. 创建 messageUtils.js/** * 消息提示工具类 * lqd */import {Message, MessageBox, Notification} from 'element-ui'export default { /** * 消息确认框 * type: success/war原创 2022-04-12 21:07:19 · 1132 阅读 · 0 评论