首页 > 其他分享 >element ui抽屉组件蒙版取消后,左侧内容可点击,可处理

element ui抽屉组件蒙版取消后,左侧内容可点击,可处理

时间:2023-04-28 17:01:07浏览次数:39  
标签:蒙版 element 点击 ui 抽屉 class

element ui抽屉组件都在用,然后需求提了一个底部蒙版不要,左侧正常点击,输入框正常输入,滚动正常滚动。

在做的时候发现蒙版去了只是将当前蒙版的透明度更改了而已,蒙版还是在的,左侧依然点击不了

后来想想把蒙版的宽度处理一下跟抽屉的宽度一样不就行了吗?

说做就做

 抽屉上定义class,这个class是定义到最外层的div上的 el-drawer__wrapper。

 

而custom-class是定义到里面打开层的div上的

 css样式中这样写就可以啦

 

如果宽度想以百分比也是可以的,宽度写好后整个抽屉像是从中间往左边打开,由于我的需求是定义在右边弹出来。所以加了margin-left: auto; 如果从左边弹出就可以不用写这个。

 

标签:蒙版,element,点击,ui,抽屉,class
From: https://www.cnblogs.com/NicoleYe/p/17362649.html

相关文章

  • STM32 + RTThread + UGUI
    一、概述开发板:STM32F103C8T6显示器:ST7735SRT-Thread:5.0.0玩过GUI的小伙伴都知道,界面的显示是一个个像素点组合起来的,那么直接构建出来炫酷的GUI还是相对比较困难的,所以我们一般都会使用一些GUI库来实现,比如LVGL、QT、UGUI等,这样对于驱动开发的人员来说就相对比较简......
  • 关于为element Tree组件实现仿文件夹效果及右键菜单
    <template><divclass="custom-tree-container"@contextmenu.native="handlePaste($event)"><!--<el-tree:data="dataSource"show-checkboxnode-key="id"default-expand-all:expand-on-click-n......
  • ElementPlus 组件全局配置
    友链:语雀,在线文档协同平台官方提供的全局配置:ConfigProvider本文只做简单的模板参考,具体的配置请根据自己的业务灵活设置,如果你使用的是其它的ui框架,原理应该都差不多入口文件的配置注意事项需要设置全局属性的组件先导入进来,比如:ElTable、ElForm、ElInput一定要在这......
  • layui学习5(日期与时间选择、分页)
    1.日期与时间选择1.1<divclass="layui-inline"><!--注意:这一层元素并不是必须的--><inputtype="text"class="layui-input"id="test1"placeholder="默认选择题"></div><divclass=&qu......
  • iOS MachineLearning 系列(9)—— 人物蒙版图生成
    iOSMachineLearning系列(9)——人物蒙版图生成人物蒙版图能力是Vision框架在iOS15中新增的功能,这个功能可以将图片中的人物按照轮廓生成无光蒙版。无光蒙版在实际业务中非常有用,使用此蒙版可以方便的将人物从图片中提取出来,然后和其他的背景图进行合成。1-人物蒙版的提取首......
  • Buildroot(2022.08-rc1)+busybox(1.35.0)启动流程
     关键词:busybox,inittab,syslogd,klogd,mdev,modprobe,watchdog,telnetd等等。 《busybox启动流程简单解析:从init到shelllogin》详细介绍了init对inittab的解析和执行。下面为buildroot(2022.08-rc1)的启动脚本:/etc/inittabsysinit->/bin/mount-tprocproc/proc......
  • elementUI表格默认多选
    this.multipleSelection=row.mer_type_idthis.$nextTick(()=>{this.multipleSelection.forEach(id=>{constrow=this.categoryMerTypeList.find(item=>item.mer_type_id==id);this.$refs.multipleTable.toggleRowSelection(row,true);});})......
  • PS磨皮滤镜降噪插件套装Imagenomic Professional Plugin Suite
    ImagenomicProfessionalPluginSuite插件下载ImagenomicProfessionalPluginSuiteforMac是一款适用于苹果操作系统的专业级插件套装,包括了Noiseware、Portraiture和Realgrain三个插件。Noiseware可以快速去除图像中的噪点,提高图像的清晰度和质量。Portraiture是一款人像修......
  • burp suite手动代理设置
    一直点击下一步就可以了接着我们打开Windows设置,设置代理:  一定要点击保存!......
  • jenkins 杀掉衍生进程解决办法。BUILD_ID=DontKillMe
    jenkins杀掉衍生进程解决办法1.使用的场景在构建任务的同时,需要启动程序在构建任务运行的时候,exe程序正常运行,而构建任务完成后exe程序也同时关闭掉。 2.如果要解决构建任务后,exe程序还继续运行。需要在,设置的全局属性,添加BUILD_ID=DontKillMe后,再次构建的时候,就可以解......