弹出层第5页

vant 选择器(类似select下拉选择效果)

projectListArr:['杭州','宁波','温州','绍兴','湖州','嘉兴','金华','衢州'],,//下拉的数据源，从接口中请求到数据，根据需要变成一维数组，只存nameshowPicker:false,//弹出层显示隐藏

大个个个个个儿·2023-07-25 20:18

vue codemirror刷新的问题

在table的操作列加上elementui的弹出层，弹出层里面包含codemirror之前的错误代码脚本转换//methods方法refreshScript(script){letcodemirror=

yaya_0623·2023-07-25 20:47

BOM操作、定时器、DOM的基本操作(上)、DOM的基本操作(下)

varw=window.innerWidth//获取浏览器可视窗口的高度varh=window.innerHeight9898//输出一下console.log(w)console.log(h)2.浏览器的弹出层

我可以将你更新哟·2023-07-25 06:25

scroll 滚动穿透的解决方案

scroll滚动穿透的解决方案项目场景：适用所有页面有滚动且有弹出的情况，禁止弹层上滑动行为触发底层页面的滚动问题描述：页面有滚动条，当有弹层弹出时，弹出层上touchmove事件会触发底层页面滚动解决方案

胡笳阵阵·2023-07-24 13:24

小程序页面滚动穿透，弹出层下面页面滚动的解决方法

一、场景在项目中经常遇到一个页面，如很长的详情页，长的列表页，在这种页面会弹出一个弹框层，如下图：这个时候就会出现一个问题，当弹窗里面的内容过多，出现滚动条时，弹窗里面的滚动条滑动到了最底部，继续滑动页面，会带动下面的详情页或列表页的继续滑动，触摸没有滚动的区域会发现滚动可以穿透，会传递给下面的列表页或详情页二、解决办法网上搜索了一圈，试了一下，监听弹框的状态变量，如果弹框展示，就给对应的列表页面

威远大都市·2023-07-24 13:53

原生js封装弹出层

我们平常在项目中，通常需要给用户操作的结果进行提示，但是js默认给出的提示弹窗样式又比较丑，所以我们可以自己封装弹出层，用来给用户做不同的提示，具体效果如下：普通弹窗如下图：普通弹窗询问弹窗如下图：询问弹窗提示弹窗如下图

升龙无涯·2023-07-23 06:59

Vant源码解析(四)----Popup弹出层，详解样式方法

Vant的Popup弹出层页面结构短短一个背景加内容盒子，vant套了几层。这是引用的组件这是组件的遮罩层这是内容盒子这个组件的js逻辑不复杂，就是一个显示隐藏，复杂的是样式问题。

彧子吱吱吱吱·2023-07-23 05:49

【Vant Weapp】van-popup 弹出层

目录弹窗底部滚动catchtouchmove弹窗滚动同时底部滚动scroll-view页面高度100vh弹窗中图标打开前关闭键盘弹窗底部滚动白色区域不滚动的话，就可以使用catchtouchmove。catchtouchmove{{item}}内容data:{catchMove:true}弹窗滚动同时底部滚动期待效果白色区域滚动的话，使用catchtouchmove就不对了，白色区域会被固定住。然

宾果的救星·2023-07-23 05:49

vant-weapp的Popup 弹出层中close-on-click-overlay属性失效问题

:close-on-click-overlay该属性控制的是组件的bind:close事件。点击遮罩层后调用该事件。所以我们只需把这个绑定事件删除即可改为

求饶机器·2023-07-23 05:19

[Vue warn]: Error in v-on handler: “TypeError: Cannot read properties of undefined (reading ‘open‘)“

目录一、应用场景二、报错解释三、报错原因1、以下是实际应用代码：2、原因四、解决办法一、应用场景在做uni-app的过程中有使用到uni-popup弹出层组件。

三水木雨·2023-07-21 18:50

laydate点击输入框闪一下不见了_页面存在多个laydate日期控件，点击弹出层闪退问题解决...

之前写过一篇文章：lay-key引发的laydate闪现问题，解决因为页面中lay-key导致的laydate日期时间控件弹出层闪退的问题。

weixin_39605191·2023-07-21 16:26

大转盘与现有的代码进行合并

openLuckPage()是一个弹出层，里面有参数，是为了点击按钮调到另一个form表单的，在form表单的地址栏里是

一个被程序耽误的文艺青年·2023-07-21 15:08

移动端滚动穿透

文章目录滚动穿透弹窗内容滚动到底部后带动底层页面滚动在弹窗出现时可以直接通过页面滚动条滚动禁用底层页面滚动弹出层将覆盖整个视口禁用触摸事件监听弹出层滚动位置阻止弹出层的滚动事件冒泡滚动穿透当一个固定定位

神奇大叔·2023-07-20 15:21

文件导入以及在线编辑-xml案例

下载模板确定取消const{proxy}=getCurrentInstance();/***用户导入参数*/constupload=reactive({//是否显示弹出层（用户导入）open:false

Argenta99·2023-07-20 10:14

echart折线图区域背景渐进、坐标轴样式设置

:{text:'',//标题left:18,top:5,textStyle:{color:'rgba(255,255,255,.6)',fontSize:'29',align:'right'}},//弹出层样式

陌盍·2023-07-20 04:04

element-UI 弹出组件的遮罩层在弹出层dialog模态框的上面解决方法

关于element里Dialog对话框组件遇到的问题element-UI弹出组件的遮罩层在弹出层dialog模态框的上面造成的原因：因为dialog的组件外层div设置了position：absolute

肖邦的交响乐·2023-07-19 07:04

yii2 layui弹出层layer.open 中的content问题

layui官网地址https://layer.layui.com/1、页面层，type类型应该为1layer.open({type:1,title:'内容区域',content:'传入任意的文本或html'//这里content是一个普通的Stringarea:["700px","250px"],});2、如果是iframe层或者某个页面，type类型应该为2layer.open({type:2,

yunxixiao·2023-07-18 20:12

好看的原生alert样式

window.alert=function(msg){varmaskBg=‘#0000002b’;//蒙版展示色varzIndex=999999;//修改弹出层z-index,应为最顶层,避免被覆盖vardesColor

见不散·2023-07-17 17:36

20230710----重返学习-物模型增删改查-欢迎页图表展示-图表展示

table:{data:[],loading:false,},//弹出层

方朝端·2023-07-15 17:26

LayUI之CRUD（增删改查）

目录一、前期准备1.数据表格2.弹出层3.用户表数据查询二、用户管理后台编写三、前端JS编写四、效果展示一、前期准备1.数据表格在layui官网找到我们需要的数据表格根据需求复制修改代码，再找到表单复制一个输入框和按钮

孤留光乩·2023-07-15 10:32

layui(layer.prompt)弹出层带输入框有字数限制并实时响应字数

//content属性要写在一行,有可能会遇到点击确定按钮不好使的情况那就换成content:‘0/500’然后添加自定义的按钮事件functionCheckBtn(){$(".layui-layer-btn0").removeAttr(“class”).attr(“onclick”,“submit()”).css(“background-color”,“#1e9fff”);}functionsu

阿波次嘚·2023-07-15 00:37

uniapp使用uni.createInnerAudioContext()实现在app 小程序 h5有声书的倍速功能

进行的开发，自我感觉没啥问题，但是在不同的端上好像有的好使有的不好使，暂时不知道啥问题data中的变量：showPlaybackRate:false,倍速选择0.5倍速1.0倍速1.5倍速2.0倍速点击弹出层倍速切换的方法

weixin_43877575·2023-06-23 16:45

uniapp使用uni.createInnerAudioContext()实现在app 小程序 h5有声书的播放

，倒计时，上一章，下一章，播放，暂停，倍速：uniapp官方uni.createInnerAudioContext()的文档地址：官网文档参考地址首先分步骤介绍功能：章节（这个调取接口遍历数据就可以，弹出层的形式展示

weixin_43877575·2023-06-23 16:14

layui框架学习（25：弹出层模块_加载框&询问框）

layui框架的弹出层模块layer中最重要的函数即layer.open，基于该函数，layer模块封装了很多常用弹出框，上文已介绍了消息框和提示框函数，本文学习加载框和询问框函数的基本用法，同时继续学习

gc_2299·2023-06-23 03:33

layui框架学习（26：弹出层模块_tips框&输入框）

弹出层模块layer中的tips框和输入框函数也是其底层核心函数open的特定应用实现，其中tips框是可以将弹出层与具体元素绑定，能出现在指定元素周围，而输入框则是弹出信息框获取用户的输入，这两类弹出框的说明如下

gc_2299·2023-06-23 03:33

layui框架学习（27：弹出层模块_其它用法）

除了前几篇文章介绍的弹出框类型外，layui的layer弹出层模块还支持相册框和tab框，所谓相册框即点击图片或按钮后会出现一个类似相册的页面单独浏览、切换图片，而tab框是指弹出框的显示形式类似于

gc_2299·2023-06-23 03:03

解决mobileSelect初始化弹出层不带id问题

mobileSelect初始化不带id,删除再添加,mobileSelect层会一直添加把以下代码替换mobileSelect.js就OK了/*!*mobileSelect.js*/(function(){functiongetClass(dom,string){returndom.getElementsByClassName(string);}//构造器functionMobileSelect(

空中的蒲公英·2023-06-22 01:37

解决layui弹窗下的下拉选择框被遮挡或显示不全问题

前言在使用layui弹出层时，需要用到下拉框，但在选择时选项被遮挡出现滚动条从而不得不预留更大的空间。一开始以为是层级问题，但是无论怎么修改层级，问题都没有得到解决。

啾比特·2023-06-21 18:23

uniapp中uni-popup的用法——实例讲解

uni-pop弹出层组件，在应用中弹出一个消息提示窗口、提示框等,可以设置弹出层的位置，是中间、底部、还是顶部。如下图效果所示：白色区域则为弹出的pop层。

棒怡情·2023-06-21 07:31

前端工程师学习阶段

JS基本特效：常见特效、例如：tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。JS高级特征：正则表达式、排序算

番茄向前看·2023-06-20 06:20

vue中Cascader 级联选择器实现

------------------------------------------------------------------------------------data(){return{//弹出层标题

@幻影忍者·2023-06-20 05:37

java微信二维码登录

完善开发者资料4、开发者资质认证准备营业执照，1-2个工作日审批、300元5、创建网站应用提交审核，7个工作日审批6、内网穿透ngrok的使用2.2授权流程参考文档：微信开放文档说明：微信登录二维码我们是以弹出层的形式打开

敢敢变成了憨憨·2023-06-19 18:09

layui框架实战案例(4)：因内容安全策略导致弹出层模态框无法正常显示微信公众号文章使用window.open的解决方案

inaframebecauseanancestorviolatesthefollowingContentSecurityPolicydirective:"frame-ancestors'self'解决方案/*弹出窗口*/functiongetWin(URL,name){varbschitchat=window.open(URL,name,'toolbar=no,menubar=no,scrollb

漏刻有时·2023-06-19 07:47

winform 主窗体打开的弹出界面，打开主窗体弹出界面跟随显示

winform主窗体打开的弹出界面，打开主窗体弹出界面跟随显示，点击类似chrome程序弹出层隐藏主窗体：Main()要弹窗体：Alert()Alert.TopMost=false;newAlert.Show

_oP_i·2023-06-19 00:42

列表数据拖拽排序

前言：很多时候我们都有这样的一种需求：在一个数据列表中，对数据进行排序，然后这个排序又希望用户体验好一点，页面不刷新，也不需要弹出修改数据的弹出层，直接在列表中拖拽数据实现排序。

LuoHaiPeng·2023-06-16 20:02

弹出层编辑后更新表格数据

弹出层是新写的的页面，在弹出层修改成功后直接使用调用父级表格分页的确定按钮刷新数据，却发现无法触发点击事件看了页面布局发现弹出层是iframe所以写法需要改变一下//弹出层修改成功后调用无效$('.layui-laypage-btn

云三木·2023-06-16 17:12

layui框架——弹出层layer

两种调用方法：1、引用独立的layer.js文件引入好layer.js后，直接用即可layer.msg('hello');2、调用layui中的layer模块 layui.use('layer',function(){varlayer=layui.layer;layer.msg('hello');});基础参数1、type：基本层类型使用方法： layui.use('layer',functio

海蓝树·2023-06-15 16:19

layer：web弹出层解决方案

layer：web弹出层解决方案一、总结一句话总结：http://layer.layui.com/1、layer中弹出层tips的使用（代码）是怎样的？

weixin_30799995·2023-06-15 16:48

layui 解决弹出层layer.open不在顶层问题

在使用layer.open时，常常要在弹窗中再进行弹窗；有时候会出现第二次弹窗不是在最顶层的情况，通过添加zIndex和parent可以解决这个问题//父级openlayer.open({title:"",content:$('#editForm').html(),type:1,zIndex:999,//数值越大优先级越高maxmin:true,shadeClose:true,area:['840

silenceXl·2023-06-15 16:18

layui的layer.open弹出层高度宽度自适应解决方法

文章目录前言根据当前页面的宽度高度来改变layer弹窗的大小前言layer弹出窗口在弹出时指定了area，弹出后，如果当前页面的大小比弹出的窗口小，那么就会出现无法操作弹出窗口的情况。如图:当前页面的大小不足以展示整个弹窗的内容,只能将页面放大全屏才可以看到整个弹窗内容，对其操作。根据当前页面的宽度高度来改变layer弹窗的大小代码如下（示例）：functiononclick(){//获取当前页面

灵修浩繁·2023-06-15 16:17

在主页面弹出一个弹出层

首先需要在页面引入jQuery1.8以上的任意版本，并引入layer.js。$('#BtnLogin').on('click',function(){layer.open({title:false,type:1,area:['397px'],closeBtn:0,shadeClose:true,//点击遮罩关闭content:'账号密码'});});content内容类型：String/DOM/A

CahierX·2023-06-15 16:47

layer弹出层

layer下载链接地址：https://layer.layui.com/?tdsourcetag=s_pctim_aiomsg使用方法：需要在你的页面引入jQuery1.8以上的任意版本，并引入layer.js。layer：//最普通，大众方法：layer.open({type:(layer的类型)//类型number，取值范围0~4，默认0//除默认情况下，其他情况下，type为必填项//0->

猪猪传奇·2023-06-15 16:47

layui 关闭弹出层并刷新父级页面：

项目场景layui关闭弹出层并刷新父级页面：@Overrideform.on('submit(demo1)',function(data){deletedata.field.file;data.field.id

若得一匹·2023-06-15 16:47

layer弹出层的关闭问题——在执行完毕后关闭当前弹出层

今天再用layui写东西的时候遇到一个问题，就是在弹出层操作完之后不知道怎么在弹出层内操作关闭这个弹出层，查阅资料之后终于找到了解决的办法。下面两段出自官网文档。

amberom·2023-06-15 16:15

uView教程-抽屉菜单 #低代码 #小程序 #uView

在guiplan低代码开发工具中，点击"uView框架",输入关键字"弹出层"进行搜索，找到"带用户菜单"点击"一键插入",这我们一个抽屉菜单就插入进来了，底部有一个测试按钮，当我们点击的时候这个菜单则会自动展开

web前端神器·2023-06-12 07:28

解决layui弹出层layer的area过大被遮挡的问题

layer弹出窗口在弹出时指定了area，弹出后，如果当前页面（iframe）大小比弹出的窗口小，那么就会出现无法操作弹出窗口的尴尬情况。如图：弹出窗口比当前页面大,这时，唯有放大整个页面才能看到完全的弹出窗口，才可以操作。layui为我们提供了layer.style();方法来重新跳整窗口的大小,然后我们只需要写一个函数,得到当前document的宽度和高度,判断弹出框是否大于document来

ok060·2023-06-10 10:51

layer 增加 area配置 IE不兼容按钮区域掉下来

谷歌上layer.open弹出层显示正常，但是在IE中展示样式不正常，原因是因为layui-layer-content(内容区div)的高度不一致造成的。