E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
遮罩层
css给图片弄遮罩
1.想实现的效果2.实现方法你可以在styles.css文件中添加以下CSS代码来为.mask_container元素添加
遮罩层
:.mask_container{display:inline-block
倘若没有炬火,我便是唯一的光
·
2023-07-20 23:56
css
前端
css3
vue:封装垂直方向滚动渐变
遮罩层
组件
需求描述系统中经常会有需要垂直滚动的页面,滚动容器的上下边一般都是“实”的,会将滚动内容清晰截断;如果在容器上下增加一段和背景同色的渐变
遮罩层
,那么滚动内容将产生一种“渐入渐出”的效果,对比如下:实现要点
某只杂鱼
·
2023-07-20 08:54
vue.js
javascript
前端
商城后台bug修改
Modal禁用
遮罩层
关闭--:mask-closable="false"Table添加边框线--border
曹锦花
·
2023-07-20 00:36
element-UI 弹出组件的
遮罩层
在弹出层dialog模态框的上面 解决方法
关于element里Dialog对话框组件遇到的问题element-UI弹出组件的
遮罩层
在弹出层dialog模态框的上面造成的原因:因为dialog的组件外层div设置了position:absolute
肖邦的交响乐
·
2023-07-19 07:04
vue+element
设计模式 ~ 单例模式
单例模式单例模式是一种设计模式,指在确保一个类只有一个实例,并提供一个全局访问点来访问该实例;前端对于单例模式不常用,但是单例的思想无处不在;创建之后缓存以便继续使用;如:弹窗、
遮罩层
、登录框、vuexredux
DGogoing
·
2023-07-18 04:41
设计模式
单例模式
javascript
《设计模式》 - 1. 单例模式( Singleton )
说明:这篇文章通过一个简单的创建Mask的需求,一步步优化代码中,循序渐进,通俗易懂地讲解了单例的产生以及运用,加上了一些个人理解.假定需求:在点击按钮需要弹出一个
遮罩层
的时.
Yu______________
·
2023-07-17 23:21
设计模式
《设计模式》
基于jQuery的弹窗小插件
基于jQuery的弹窗小插件/**background:
遮罩层
背景色*title:弹窗标题*msg:弹窗内容*width:弹窗宽度*height:弹窗高度*img:弹窗背景图*btnArr:按钮数组(最多两个
Avicli
·
2023-07-16 22:16
jQuery
弹窗小插件
插件
vue 下拉框显示从后端请求的数据
data中定义变量exportdefault{name:"Product",dicts:['article_status','apply_square_publish'],data(){return{//
遮罩层
taiguolaotu
·
2023-07-15 03:53
浅谈前端
vue.js
java
前端
vue+Element 设置头部固定,并解决
遮罩层
显示问题
但是我发现我改完之后,在头部可以触发的dialog显示有问题,会被
遮罩层
挡住。如图:这可能是因为头部固定后,改变了z-index,然后对应的显示有问题,解决办法:在触
ChangYan.
·
2023-07-14 06:12
前端
vue.js
elementui
前端
Qt
遮罩层
,等待后台处理动画效果
当后台需要大量处理数据,前台要显示等待界面时,这个就很有用。完全挡住界面上的内容,后面有半透明遮挡层,不能点击操作后面界面,用户不能自己取消等待界面,防止误操作。并且窗口大小变化时,自动适应界面变化,不阻塞窗口移动和放大缩小,非模态的。不是C#里面那种窗口截图的烂效果,真遮罩,真背景半透明。需要配合多线程使用,前台显示等待界面,后台线程处理数据,当处理完毕,通过信号槽发消息通知前台取消等待状态。补
XINGTECODE
·
2023-07-13 20:33
QT
jssip+webrtc+freeswitch实现电话网页及遇到的488状态码问题
jssip.net/download/releases/网上的许多demo无法使用,下面是从网上找得demo后,做了更改的前端代码(亲测可用):JsSIP+WebRTC+freeSWITCH-->/*
遮罩层
weixin_39715323
·
2023-06-22 22:37
javascript
html
前端
去除 element-ui 中 Dialog 对话框
遮罩层
的方法
在使用element-ui的Dialog时,默认会有
遮罩层
,想要去除
遮罩层
,官方文档给出了modal属性;modal是一个布尔值,表示是否需要
遮罩层
;然而,将modal赋值为false时并不生效;这里官方文档也给出了提示
爱划水de鲸鱼哥~
·
2023-06-21 21:50
javascript
前端
vue
element-ui
python实现刮刮乐(
遮罩层
也是图片)
python实现刮刮乐(
遮罩层
也是图片)python实现刮刮乐效果,与普通刮刮乐有些不同,被刮掉的
遮罩层
是图片,当其被刮掉后,露下面的图片。在游戏循环中,监听鼠标移动事件,来模拟刮开效果。
软件开发技术爱好者
·
2023-06-17 01:37
Python学习
python
pygame
写一个HTML弹窗
新创建一个html页面,放弹窗内容,使用$.modal.open()方法弹窗打开,弹窗写在当前页面,当页面比例缩放时
遮罩层
受影响。
何小凡
·
2023-06-16 03:07
笔记
html
javascript
css
Axure实现遮罩效果
很多时候我们在编辑视频的时候经常需要用到遮罩的效果,一般制作遮罩动画,就是指一个
遮罩层
同时遮罩多个被
遮罩层
的遮罩动画。通常在制作时,系统只默认
遮罩层
下的一个图层为被
遮罩层
。
暮雨烟尘12
·
2023-06-15 05:21
vue 时间组件传递时间到params中
data(){return{registerTime:null,//增加这两行authenticationTime:null,//增加这两行//
遮罩层
loading:true,//选中数组ids:[],
taiguolaotu
·
2023-06-12 15:55
浅谈前端
vue.js
javascript
前端
vue中点击按钮跳转到el-table的某个标识位置所在行
然后在按钮方法里获取id所在行的dom的高度,使用scrollTop方法=id所在行的dom的高度-容器本身的高度先获取el-table的数据//父组件获取点击日历的当天数据getHistoryDatas(){//开启
遮罩层
前端程序媛Ying
·
2023-06-09 22:17
vue.js
javascript
uni-popup
遮罩层
事件穿透的问题
根据uniapp官方文档用了page-meta,这个属性,但是如果滑动
遮罩层
依然会出现滑动的现象,所以解决方法是在uni-popup里面加上style=“touch-action:none”,来阻止
遮罩层
滚动
阿强的博客
·
2023-06-09 19:42
uni-app
html点击出现表单弹窗
最后附上全部源码项目场景:项目场景:在管理系统中,点击某个按钮如何弹出一个表单弹窗并且设置
遮罩层
,如下图所示。
好名字0821
·
2023-06-08 19:02
js
html
css
前端
在el-dialog中进行Vue的路由跳转,跳转后出现
遮罩层
?
如图所示:但是此时发现页面被一整个
遮罩层
遮住了,页面中的内容都无法点击,这是什么情况打开控制台,如图所示:果然有个
遮罩层
,这是哪里来的呢?原来我以为是项目中封装的
大杯美式不加糖
·
2023-06-08 11:42
业务技巧
vue.js
elementui
开发移动端官网总结_Vue2.x
加载CDN和本地库3、在Vue中使用wow.js4、过渡路由5、全局监听当前设备,切换PC端和移动端6、移动端常用初始化样式7、官网默认入口文件8、回到顶部滑动过渡效果(显示与隐藏、滑动置顶)9、弹窗
遮罩层
小草莓蹦蹦跳
·
2023-06-08 10:42
移动端开发常见问题
Vue1.x和Vue2.x
前端性能优化
vue.js
javascript
ecmascript
layer常用的配置-自用
其中,icon编号对应的图标1:正确2:错误3:问号4:锁5:表情—红色难过6:表情—绿色难过大于等于7:感叹号layer等待,带
遮罩层
,不可点击layer.msg('提交中...',{icon:16,
Leemeea
·
2023-06-06 22:52
直接可用代码块
前端-js
javascript
前端页面弹框遮罩禁止页面滚动
前端页面弹框遮罩禁止页面滚动前端开发经常会遇到的一个问题就是制作一个弹框来向用户提示信息,在这个弹框弹出的同时,往往会伴有一个灰色的
遮罩层
挡住页面内容,同时整个页面被这层遮罩盖住,不可点击也不可滚动。
简单tao的简单
·
2023-04-16 22:34
vue微信
遮罩层
提示在浏览器中打开
遇到一个需求,就是扫描二维码跳转到一个h5页面从而下载app,但是我们不能在微信下载这个app,所以得弹出这个
遮罩层
,提示使用浏览器打开。
tency小七
·
2023-04-16 17:28
04-vue移动端项目(主页index的子组件频道面板com:单向数据流概念, 利用数组的filter与map从一个数组删除另外一个数组中所有的元素,计算属性compute缓存问题,.sync的问题)
频道面板模块01-打开频道操作面板面板可以使用vant中的组件:弹出层popup属性:v-model控制面板的显示和隐藏的特点:v-model:设置为true,面板就开启点击黑色
遮罩层
区域,面板就关闭步骤
大力99
·
2023-04-16 13:50
笔记
关于IQKeyboardManager加在KeyWindow失效问题
问题在一些全局弹框中由于
遮罩层
加在keywindow上,自定义view加在了
遮罩层
上,导致IQKeyboardManager对textField的自适应失效。
微步毂纹生
·
2023-04-16 09:22
使用 mu-drawer 编写侧边栏SideBar
刚开始学习vue和muse-ui的小白...效果图点击上图右侧的
遮罩层
隐藏侧边栏。
阳光小羊羊的草场
·
2023-04-15 02:27
elementUI中dialog出现冲突,
遮罩层
直接全黑解决方法
//使用:model="false"消除开始绑定的内容//在el-dialog中添加类名,手动写一个伪
遮罩层
.thisblack-bgc{background-color:rgba(0,0,0,0.5)
简单长庚
·
2023-04-15 00:23
项目日常遇到的bug
elementui
javascript
layui弹框(上)- 基础参数:弹出层、多按钮、对齐方式、
遮罩层
(透明度)、定时关闭...的集合
一、使用layui的第一步:引用layui的js和css文件您也可以引用网络资源二、引入layerlayui.use('layer',function(){varlayer=layui.layer;})三、弹框具体样式1、基础代码:layer.open({type:0,title:['提示信息'],content:'弹框内容'})样式:有关于layer.open中基础参数的配置layer.open
ChrisJ1998
·
2023-04-14 18:00
layui
前端
javascript
Vue环形进度条
环形进度条可设置背景颜色,
遮罩层
,文字,百分值默认保存两位小数sizeOut:底圈半径Number默认值:100sizeIn里圈半径Number默认值:80size进度条大小Number默认值:10注意
Yihua_2021
·
2023-04-14 16:38
vue
js
html
css
1.简单的
遮罩层
1.
遮罩层
最近在实现一个小功能,点击按钮的时候,会从右侧滑动弹出一个信息层,与此同时,信息层会和
遮罩层
一起出现,于是小程序的动画功能和小程序点击按钮出现和隐藏
遮罩层
分开写成了demo了。
1只念旧的兔子
·
2023-04-14 16:53
Uniapp H5 解决
遮罩层
滑动穿透问题
UniappH5解决
遮罩层
滑动穿透问题这个方法主要应用于允许
遮罩层
上的窗口能够滑动,而
遮罩层
下无法滚动,窗口关闭后动态设置为document.body.style.overflow="auto"后,原
遮罩层
下又能继续滚动
Soncat2000
·
2023-04-14 13:50
uni-app
javascript
前端
CALayer mask属性实现渐变色Label、刮刮卡效果
写在前面:mask就是PS中的遮罩;
遮罩层
必须至少有两个图层,上面的一个图层为“
遮罩层
”,下面的称“被
遮罩层
”;这两个图层中只有相重叠的地方才会被显示。
路漫漫其修远兮Wzt
·
2023-04-14 07:08
React项目实战之租房app项目(八)列表找房模块之获取并渲染房源数据&吸顶功能&整体优化&
遮罩层
动画效果
前言目录前言一、列表找房模块-获取房屋列表数据1.1处理筛选条件数据1.2获取房源数据1.3渲染房源数据二、列表找房模块-房源列表优化2.1使用WindowScroller实现列表跟随页面滚动2.1.1概述2.1.2代码示例2.2使用InfiniteLoader组件实现动态加载更多房屋数据2.2.1使用步骤2.2.2代码示例三、列表找房模块-吸顶功能3.1实现思路3.2实现步骤3.3代码示例四、列
小陈工
·
2023-04-14 02:27
React项目
react.js
javascript
ecmascript
前端
前端框架
:before 和 :after的多用途实践 — 特效篇(2)
说明上一篇,我们实现了
遮罩层
的特效,这次,我们看看如何能生成一道光,当鼠标移入时,能有种闪光的效果。白光特效效果图这张图好像有点太漂亮了,没法看清白光的样子,看看下面这个,应该能看清楚。
FEWY
·
2023-04-10 03:06
CSS
前端简单说
before
after
线性渐变
动画
内容生成
如何用JumpTool在微信中打开链接提醒用浏览器打开或直接打开
解决方案:一:使用引导页
遮罩层
引导用户使用外部浏览器打开。这种方法是加一个引
dd4f4013b3fa
·
2023-04-10 02:11
个人碰到的前端问题总结及解决方法2
3、vue+elementui--$message提示框被dialog
遮罩层
挡住问题?4、`this.$messageisnotafunction`错误问题?5、element表单重置?
慢溺逆水清
·
2023-04-09 13:07
个人工作碰到问题记录及解决办法
前端
vue.js
elementui
vue中的v-show,v-if,v-bind的使用示例详解
,v-bind的使用1,v-show指令2,v-if指令3,v-bind指令vue第四课:v-show,v-if,v-bind的使用1,v-show指令根据表达式的真假,切换元素的显示和隐藏如:广告,
遮罩层
等
·
2023-04-06 11:52
弹层遮罩滑动穿透问题
methods里面//防止masktouchmove事件穿透noMove(e){e.preventDefault();e.stopPropagation();},然后遮罩的层级一定要在弹出层的下面,相当于
遮罩层
是层级第二高的
Mcarrot
·
2023-04-06 00:48
移动端弹出
遮罩层
后 禁止页面滚动
在开发移动web的时候,相信大家都会遇到当有fixed定位
遮罩层
弹出时,在屏幕上滑动能够滑动背景下面的内容,这在大部分场景下都不是和友好的,解决方法如下:1.CSSoverflow:hidden一般这种情况如果需要阻止滚动嘴简单的方法就是弹层弹出后
南城FE
·
2023-04-05 06:06
CSS
遮罩层
样式
遮罩层
样式#maskDiv{width:100%;height:100%;background:rgba(0,0,0,.5);position:fixed;left:0;top:0;z-index:999
写bug断了电
·
2023-04-01 21:07
CSS样式
html5
css
微信中H5页面 ios 手机上 input 被遮挡问题
问题描述:在用户弹起软键盘的时候input获得焦点可以正常显示,但是用户收起软键盘的时候input焦点失去被
遮罩层
遮挡,导致无法对input进行操作。
灵魂旅者s
·
2023-04-01 11:54
记录一个 Dialog 只显示透明背景但是弹框不可见的错误
现象:自定义的Dialog,在魅族手机上弹出时,只有一个
遮罩层
,框不见了。
高钙小新
·
2023-04-01 00:25
Android
android
开发
android
【图片放大镜】
useMouseInElement方法获取基于元素的偏移量三、计算出遮罩容器定位与大容器北京定位暴露出数据给模板使用1.准备要用的数据//1.是否显示遮罩和大图片constshow=ref(false)//默认看不见//2.
遮罩层
的坐标
哈市南湖
·
2023-03-30 19:07
vue.js
前端
vue3.0 + element Plus实现预览大图的功能及图片
遮罩层
显示问题解决
嵌套的父元素属性会发生修改时应该将此属性设置为true,设置这个属性图片
遮罩层
显示就不会有问题了。preview-src-list:为预览大图的图片列表;src:为图片地址预览效果展示:
欢喜~999
·
2023-03-30 19:10
前端
html
javascript
2021-07-13 项目经验
blog.csdn.net/weixin_43194434/article/details/1025841382.问题:vue+vantUI项目中,父组件调用子组件van-popup弹层,控制弹层的显示隐藏,通过点击弹层的
遮罩层
关闭弹层的时候
25点
·
2023-03-30 07:22
Element-ui
遮罩层
出现在el-dialog弹出层的上面
详细的解决方案大家可以参考一下这位仁兄的解析,很详细一共有两种解决方案①:使用element-ui自带的属性modal-append-to-body设置为false即可②:给el-dialog的父元素添加z-index属性,要比
遮罩层
的大
Mr哎呦喂
·
2023-03-26 11:47
做一个仿360工具箱的web页面(全部工具里面的模板)
第四部分是标题;第五部分是右边的滚动条;①为了方便模块化开发,我先制作模板,然后实际编写代码的时候,根据样式已经设置好的模板,来添加内容,这样方便调试和制作②大按钮:先分为整体和具体每个按钮;每个按钮分为背景图、
遮罩层
淡淡紫色
·
2023-03-25 21:14
html移动端的兼容问题
html移动端的兼容问题:1.iOS手机上点击事件按下之后会会先一个灰色
遮罩层
这是因为iOS手机默认增加了高亮显示问题,解决方法把默认高亮选中的效果设置会透明色即可;html,body{-webkit-text-size-adjust
孔子bcd
·
2023-03-25 17:16
uni-app 禁止
遮罩层
下的页面滚动
方法一、touch触摸事件:methods:{moveHandle(){}}方法二、css控制底层不允许滚动:...exportdefault{data(){return{isShowPopup:false,}},}.popup-show{overflow:hidden;position:fixed;height:100%;width:100%;}
Giraffe_00
·
2023-03-24 11:57
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他