弹出层

[uview3]Popup 弹出层

项目场景：展会管理系统，通过弹出层的方式切换展会项目，效果如下：弹出部分代码：注意点：层级要设高一点，可能会其他元素遮挡出不来请设置展会：

hj1043·2024-08-31 10:08

【组件】layui-v2.9.14

gitee：Layui:一套开源免费且受众广泛的WebUI组件库下载：可以在官网首页或更新日志页面下载到Layuilayer：通用弹出层组件layer-Layui文档laydate：Lay

smart_dream·2024-08-29 09:16

css实现动画效果 animation: showLayer 0.2s linear both

¥328.00库存：188件已选：{{sItem.name}}{{item.name}}{{childItem.name}}完成/*弹出层*/.popup{position:fixed;left:0;top

abiao1981·2024-03-18 17:57

颜色拾取器 jscolor.js插件中工作中遇到的问题

jscolor.js在动态加载的弹出层上面，点击选择颜色，会有弹不出来的情况的.1.bootstrap中只需要把弹出层的zIndex:层级改高，应该就没问题了。

乱来丶Fack·2024-02-20 13:31

uni-app使用uView打开弹出层后输入框聚焦时placeholder错位问题

这里就不放效果了，大概意思就是在使用uView的popus时，在底部弹出后，如果弹窗中的输入框会造成一瞬间的placeholder文字错位，这个问题的主要是因为uView安全区适配导致uView相关文档https://www.uviewui.com/components/safeAreaInset.htmlpopus源码它会自动判断在并且在IPhoneX等机型的时候，给元素加上一个适当底部内边距，

PENG越·2024-02-19 11:09

JS特效第134弹：jQuery响应式全屏背景图片导航菜单特效

内容leanModal.js轻巧的弹出层插件设置wysiwyg微小的Bootstrap富文本编辑器bootstra

马coder·2024-02-14 14:03

大前端完整学习路线（详解）

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

强哥科技兴·2024-02-13 16:16

vue 如何使数组不被全局变量影响

是这样的我要实现这样一个功能，如下图所示点击取消时页面添加的元素不保存（这是一个弹出层）添加行事件btnItemAdd(){this.list.push({ID:"",SettleBillStaID:'

迷糊_z·2024-02-12 02:45

layui参数

user_id={$vo.id}"data-load标准异常网络请求data-modal弹出层data-open内容区打开新页data-reload刷新内容区data-update更新数据data-href

hanzhuhuaa·2024-02-05 21:06

微信小程序基于Vant Weapp UI 组件库的Area 省市区选择

Area省市区选择，省市区选择组件通常与弹出层组件配合使用。areaList格式areaList为对象结构，包含province_list、city_list、county_list三个key。

Da白兔萘糖·2024-02-03 21:05

弹出层疑问

在下方样式中，使弹出层居中，隐掉的方式在微信开发者工具中正常，运行到app端在右下角，transform未生效，为什么popStyle:{//position:'fixed',//top:'50%',/

fanxingxue·2024-02-03 08:29

openlayers 信息弹出框封装

在使用openlayers作为地图前端展示层的时候，用户经常需要点击具体某个feature之后弹出该feature的具体信息，因此封装一个弹出层组件作为公共组件，样式统一，调用简单。

jjxliu306·2024-02-03 03:59

IDEA常用快捷健

一、常用功能Alt+Shift+F显示添加到收藏夹弹出层/添加到收藏夹多行注释ctrl+shift+/单行注释ctrl+/提示补全(ClassNameCompletion)alt+/执行(run)Shift

知识冷不丁进了脑子·2024-02-02 16:23

vue+element ui表单校验问题

问题：点击表单出现一个树状显示弹出层，点击选择内容回显至表单，但表单有回显后校验规则仍在，点击保存后提示校验必填trigger的值blur和change如何区分使用（1）blur:主要用于一些input

邮一支软猫·2024-01-30 20:07

layui框架学习（24：弹出层模块_消息框&提示框）

弹出层模块layer是Layui的重要模块，layui官网教程中的原话是：“layer作为Layui的代表性组件”。

gc_2299·2024-01-30 05:19

layui.use是干嘛的？

Layui是一个流行的前端UI框架，它提供了一系列的模块，如表单、表格、弹出层、导航栏等，帮助开发人员构建现代化的网页界面。

就叫飞六吧·2024-01-29 07:55

layer关闭当前弹出层，返回父层

今天做项目的时候，遇到一个问题：当我在弹出层做完操作之后，再返回父层的时候发现发层出现在了弹出层里......由于我是后台开发，前端知识学的一塌糊涂，卡了很久终于解决了UwUvarindex=parent.layer.getFrameIndex

i高安·2024-01-28 22:14

模拟进度条加载进度

等回调成功加载到100%首先考虑使用setInterval,使用的同时注意清除然后就是进度条的百分比做累加页面代码：点击弹出进度条定义的变量：constshowProgress=ref(false)//控制弹出层进度条的显示隐藏

weixin_43877575·2024-01-25 09:19

OpenSource - 文件在线预览模块（多格式转 PDF 文件）

多格式转PDF文件）现已支持格式如下界面展示运行方式接口介绍文件上传文件转PDF文件转图片文件转SVG参数配置其他说明项目关联关键词文档转换预览技术说明同步转换异步转换主要技术乱码问题处理帮助文档前端预览弹出层用法

小小工匠·2024-01-23 21:31

uniapp组件库Popup 弹出层的使用方法

目录#平台差异说明#基本使用#设置弹出层的方向#设置弹出层的圆角#控制弹窗的宽度|高度#内容局部滚动#API#Props#Event弹出层容器，用于展示弹窗、信息提示等内容，支持上、下、左、右和中部弹出

TechWhiz-晓同·2024-01-21 08:41

移动端弹出层禁止弹窗下的页面滚动

制作弹窗的时候遇到的问题：页面很长，需要滚动。弹窗里也需要滚动。当滚动弹窗内的内容时，发现弹窗的内容不滚动，反而是页面上的内容发生了滚动。找了找，发现已经有解决方案。直接贴出处：移动端滚动穿透问题解决方案用的是方案四。在弹窗打开的时候，设置body的position为fixed，且height:100%。这个方案有个问题是，打开的瞬间，body会自动滚到页面顶部。虽然第二次打开的时候就不会。解决的

般犀·2024-01-20 16:21

Uniapp多选Popup（弹出层）

uniapp中多选组件很少，故个人简单开发了一个，可简单使用，也可根据个人需求稍微改进支持的功能单选多选（默认）限制选择数量默认选中禁用选项属性说明属性默认值说明singlefalsetrue为开启单选，否则为多选max-可选最多项maxMessage-超出最多项的提示信息，没有的话则默认清掉最旧的数据，添加当前选择数据list-数据集合defaults-默认选中项主键值的集合keyName-主键

会功夫的李白·2024-01-19 22:27

Flutter-Dialog

DialogAmaterialdesigndialog.定义:Dialog向用户传递信息的弹出层.需要说明的是,Dialog本身没有提供标题选项等操作,相比AlertDialog需要更多的自定义.基本用法

哎呀啊噢·2024-01-18 08:43

idea快捷键-Alt + Shift 快捷键

Alt+Shift快捷键Alt+Shift+N选择/添加task（必备）Alt+Shift+F显示添加到收藏夹弹出层/添加到收藏夹Alt+Shift+C查看最近操作项目的变化情况列表Alt+Shift+

云端丶·2024-01-17 05:12

vue3、vue2文件导入事件

下载模板确定取消2、js部分/***导入参数*/constupload=reactive({//是否显示弹出层（用户导入）open:false,//弹出层标题（用户导入）title:"",//是否禁用上传

左手吻左脸。·2024-01-14 23:31

Vue（二十一）Layer弹出层

安装：下载源码到本地layer:丰富多样的Web弹出层组件，可轻松实现Alert/Confirm/Prompt/普通提示/页面区块/iframe/tips等等几乎所有的弹出交互。

文子阳·2024-01-14 07:01

layui之弹出层--从父窗口传递数据到子窗口

varIndex=layer.open({title:"测试",type:2,content:'http://localhost:2690/ProgressTimeline.html',area:["80%","90%"],success:function(){vardata=[{"time":"2018-09-0115:23:00","status":"受理"},{"time":"2018-09

骑仕泡泡·2024-01-14 00:56

Vue自定义弹出层（信息提示）组件

弹出层或信息提示层，数据提交成功或者校验合格不合格时给出相应提示，不需要的字段可以在数据中注掉，flex布局不会影响结构和展示效果，效果如下：弹出层（信息提示）组件：{{popData.title}}{

米柆·2024-01-12 02:58

PHP企业物资管理系统源码带文字安装教程

:PHP7.0+laravel5.4+mysql5.5.36+composer1.3.2(依赖管理)前端:jquery+bootstrap+jstree（树形结构）+echart（图表）+layer（弹出层

依星net188.com·2024-01-11 13:06

浅谈WPF之Popup弹出层

Popup（弹出层），Popup控件提供一种在单独窗口中显示内容的方法，该窗口相对于指定元素或屏幕坐标

老码-识途·2024-01-11 07:59

IDEA 高效开发-常用快捷键与功能

调试与调优idea快捷键提示与代码生成部分Alt+EnterIDEA根据光标所在问题，提供快速修复选择Ctrl+Alt+T对选中的代码弹出环绕选项弹出层(try，if等语句包裹)！！！

weixin_43763377·2024-01-10 22:36

react-router-domV6.21.1版本结合ant design mobile的TabBar标签栏和Popup弹出层实现移动端路由配置

react-router-demoreact-router-dom在V6版本之后更换了很多的API名称，在antdesignmobile的TabBar配置中还是之前的旧版本，比如使用了switch组件等。我们在这里使用新版本的react-router-dom进行react移动端的配置首先使用npm下载最新版的react-router-dom然后在main.tsx文件中引入，并且使用MemoryRo

shadow fish·2024-01-08 09:00

html拖拽+模拟弹出层

主要用到html（架构）+css（样式）+javascript（交互效果）###效果展示：拖拽+回放运动轨迹html部分Dragtheplayback拖动此处回放轨迹css样式部分*{margin:0;padding:0;}#box{width:400px;height:400px;background:rgb(127,178,212);box-shadow:0010px#333;position

@tg6666666666666·2024-01-08 02:40

el-upload导入功能

确定取消exportdefault{name:"Crfform",data(){return{//导入参数upload:{//是否显示弹出层（导入）open:false,//弹出层标题（导入）title

程序媛之博客·2024-01-07 16:09

常用的BOM操作

varh=window.innerHeight;//2、获取浏览器的弹出层。//提示框。

REWOPTEG·2024-01-07 15:38

Layui 重新渲染iframe弹出层

一、问题描述在使用Layui的数据表格进行数据处理时，会用到弹出层layer对某条数据进行编辑。

cihron·2024-01-07 04:13

JavaScript篇.day07-BOM及相关操作

Mteee.·2024-01-03 05:35

常用CSS样式

引用数字字体7、CSS去角8、CSS:after、:before、::after、::before的使用9、CSS使用::after去除浮动10、时间动画属性transition11、颜色渐变12、解决移动端弹出层出现后滑动屏幕底层依旧可以滑动的方法

吃饭睡觉打代码想南南·2024-01-01 07:48

uniapp——弹窗层内容可以滚动，底部页面禁止滚动

在弹出层的遮罩view标签和内容view标签分别加上@touchmove.stop.prevent="disabledScroll"{{item.groupName}}添加disabledScroll

亮晶晶的芋头·2023-12-30 11:12

Layui最新的镜像站点,Layui手册,Layer手册,LayData日期与时间组件

Jon Daijn·2023-12-29 11:25

在手机端时当里面有弹出层时，阻止弹出层页面滑动

@touchmove.prevent在手机端时当里面有弹出层时，阻止弹出层页面滑动@scroll.prevent在pc端则只能使用@scroll.prevent阻止滚动

北极星丶超帅的·2023-12-26 13:00

登陆、退出、个人信息修改提交弹出层实现 by cubeking

站长们在运营的同时，可能会想要根据自己具体的需求来修改、制作一些特殊功能，但是苦于不懂技术，四处求助，看完下面的教程，希望大家能从中获取到一些基本技能，在小修小改时候能祝您一臂之力！Discuz!系统常用函数及变量：常用函数：showmessage()函数：该函数就是我们最常见的页面提示跳转，比如登陆、退出、个人信息修改提交等等。效果演示：函数原型：showmessage($message,$ur

ahstudy·2023-12-24 18:23

小程序监听返回、阻止页面返回、弹框后禁止返回

为此官方提供“page-container”容器组件，效果类似于popup弹出层，页面内存在该容器时，当用户进行返回操作，关闭该容器不关闭页面。

我爱画页面·2023-12-23 10:41

关于LayUI弹出层表单提交两次问题

在弹出层点击注册按钮表单会提交两次但是在单独页面点击是正常的经过排查发现，问题在于主页面和注册页面重复引用了layui.js，页面要被渲染两次

0x3fffff·2023-12-22 12:24

jquery 模态窗口弹出窗 simpleModal

image.pngSimpleModalBasicModalDialogSimpleModal一个简单的遮罩层，可以制作提示框，对话框，弹出层，弹出iframe等...提示框-ok：orDemo提示框-

SkTj·2023-12-22 07:04

H-ui前端框架 —— layer.js

laye.js是个轻量级的网页弹出层组件..支持类型丰富的弹出层类型，如消息框、页面层、iframe层等，具有较好的兼容性和灵活性。layer.js用法1.引入layer.js文件。

爱吃果蔬的猫·2023-12-21 08:47

Axure的交互样式和情形

链接触发器：通过给一个元素添加链接触发器，您可以指定当用户点击该元素时发生什么动作，比如导航到另一个页面、显示一个弹出层等。状态样式：您可以为元素定义不同的状态样式，比如鼠标悬停、选中、禁用等。

懒大王o·2023-12-18 10:15

微信小程序共享元素+ page-container假页实现弹出效果

为此提供“假页”容器组件，效果类似于popup弹出层，页面内存在该容器时，当用户进行返回操作，关闭该容器不关闭页面。返回操作包括三种情形，右滑

苏苏哇哈哈·2023-12-15 18:08

uview组件的popup弹出层下页面可以滑动问题

问题描述uview组件的popup弹出层下页面可以滑动解决方案：阻止popup弹层的touchmove事件mounted(){constpopup=document.querySelectorAll('

凣喵·2023-12-15 10:51

uni-app实现禁止弹出框滚动穿透

滚动穿透问题通常在使用弹出层、遮罩层或日期选择器等组件时出现。用户在组件内滚动内容时，当内容滚动到底部后，继续滑动可能导致底层页面也滚动，这不

不如摸鱼去·2023-12-15 10:20

推荐频道

弹出层