弹出层

uniapp 微信小程序和H5的弹窗滚动穿透解决

手机端只有触屏滑屏滚动，即像电脑端的长按鼠标拖拽滚动我是在电脑上录屏的，所以两种情况的滚动穿透我都录上去鼠标滚轮滚动的穿透长按鼠标拖拽滚动的穿透解决滚动穿透：前提：我用了UViewUi1.0版本的弹窗组件Popup弹出层
坐等夕阳落time·2023-01-14 16:13

用vue3封装一个符合思维且简单实用的弹出层

最近新项目中需要一个弹窗组件,所以我就做了一个,下面这篇文章主要给大家介绍了关于如何利用vue3封装一个符合思维且简单实用的弹出层,文中通过实例代码介绍的非常详细,需要的朋友可以参考下在平常开发中，弹出层算是一个最常用的组件了
自由人686·2022-12-31 20:11

layui：弹层如何在layer.prompt输入值为空时点击确定继续执行逻辑？

文章目录前言原代码解决分析后记前言突然发现在使用LayUI时，用到弹出层layer.prompt时，如果文本框输入值是空的话点击确定没有反应,不能向下执行但是在这种情况下，我又需要继续执行判断或逻辑该怎么做
无数_mirage·2022-12-29 14:47

项目中一些技术的实现

1文件上传2线程池3数据校验4缓存ehcache5认证和权限控制shiro6前端图片上传HHuploadzyupload7前端弹出层框架lightbox8富文本编辑器ueditcheditckfinder9
weixin_30906425·2022-12-15 08:13

blockUI 使用小技巧

1.点击弹出层以外的区域关闭弹出层$(document).ready(function(){$('#demo9').click(function(){$.blockUI();$('.blockOverlay
安安爸Chris·2022-12-10 17:43

Vue怎么通过JSX动态渲染组件

一、明确需求有一组数组结构如下：constarr=[  {tag:'van-field'},//输入框  {tag:'van-cell'},//弹出层  {tag:'van-stepper'}//步进器
忧郁的蛋~·2022-12-07 16:56

前端学习分为几个阶段，你属于哪个阶段？

JS基本特效：常见特效、例如：tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、
Lainnnnnnnnnnnn·2022-12-05 07:15

html弹出层获取填充数据,网络编程在layer弹出层中通过ajax返回html拼接字符串填充数据的方法...

1，在给一个layer弹出层做checkbox自动选中时，ViewBag传递的时object类型，用不了lambda表达式，代码如下，@foreach(varperminViewBag.allPerms
赵瑞洁·2022-12-02 23:22

app更新

配置更新页面路由pages.json配置更新弹出层，注意它不能在第一个，path为你自己的路径"pages":[//其他页面{"path":"pages/upgrade/index","style":{
白衣诗人·2022-12-01 16:12

100多个经典常用的jQuery插件大全实例演示和下载

100多个经典常用的jQuery插件大全实例演示和下载更多>07-31cropped仿新浪微博头像上传裁剪缩小放大预览07-29prettyPhoto和fancybox弹出层插件对比07-29hwSlider
chengyue1875·2022-11-26 12:44

u-popup弹出层使用讲解

1.控制是否显示的使用:show//点击搜索确定handleSearch(){this.show=false;this.getList();},样式：.searchColumn{.searchContent{padding:50*@toVw20*@toVw10*@toVw;.btn-box{padding:10*@toVw0;background:#ffffff;display:flex;just
jesse28·2022-11-10 14:20

uniapp运用于map上的弹出层

1.前言由于uniapp中的map等级高，且无法修改。所以我就想直接在页面上弹出一个子页面不就好了。于是我在uniapp中找到了一个功能-------原生子窗体。2.subNVuessubNVues是vue页面的原生子窗体。用于解决App中vue页面中的层级覆盖和原生界面灵活自定义用的。3.配置1.先在pages.json中配置代码如下{"pages":[{"path":"pages/index/
LoveZJC12138·2022-10-30 17:47

ElementUi之dialog弹窗

单独弹窗点击打开Dialog这是一段信息取消确定exportdefault{data(){return{title:'',//弹出层标题dialogVisible:false//是否显示弹出层};},methods
梓涵999·2022-10-13 03:34

珍藏了很久的特效例子，分享给前端感兴趣的同学

jquery弹出层插件鼠标点击文字获取标题弹出层内容信息https://www.mk2048.com/demo/demo_target_desc.p
会做饭的技术男·2022-10-02 07:32

uni-app里的拓展组件uni ui与UI框架uView UI的Popup 弹出层的区别！

uni-app里的拓展组件uniui与UI框架uViewUI的Popup弹出层的区别！
caixuanji·2022-09-30 05:22

uniapp uni-popup弹出层组件 弹窗 无法弹出 自定义样式问题

uni-popup弹出层组件之前用到弹出层组件时发现弹出时会有一层灰色的遮罩，后来调试了几次发现是因为没有自定义给弹出层宽高，尝试了几次终于做到自己想要的效果，话不多说，直接附上完整代码：效果图：点击弹出这是一个弹窗关闭弹窗
小芬1·2022-09-29 19:43

uniapp组件-uni-popup弹出层

目录一、基本用法二、自定义弹出层(dialog+message)示例三、提交信息(input+延迟关闭)四、底部分享示例官方示例：uni-popup弹出层-DCloud插件市场弹出层组件用于弹出一个覆盖到页面上的内容
普通网友·2022-09-29 18:00

uniapp使用遮罩层/弹出层时，底部滑动问题解决

uniapp使用遮罩层/弹出层时，底部滑动问题解决#直接在遮罩层组件上或包裹一层外层容器，添加catchtouchmove=“true”，阻止页面滚动
利兹与青鸟—·2022-09-29 18:55

解决uniapp使用三方四级联动插件ehPicker 配合uni-popup弹出层使用时出现无法滑动的问题

出现问题的原因在uni-popup上：@touchmove.stop.prevent="clear"uni-popup组件默认是阻止了默认事件的冒泡因为我整个项目中只用到了这一处弹出层组件，所以解决办法直接修改
W登峰造极·2022-09-29 18:51

uni-app引入uni-popup弹出层插件以及列表复选框选中与取消

uni-popup弹出层引入基于uni-app的UI组件库选择项目{{item.projectName}}取消确认点击弹出层按钮：//添加项目弹框addProject(){//this.showTextArea
Take^that·2022-09-29 18:19

uni-app弹出层uni-popup使用以及修改默认样式

import{ref}from"vue";//这里的这个变量名，必须和上面的ref="popup"的变量名相同，这样就相当于绑定了这个元素了constpopup=ref(null);//按钮调用该方法打开弹出层
lsjweiyi·2022-09-29 18:05

防高德/泡泡玛特抽盒机 滑动弹出层 uniapp slide-popup

组件/***slidePopup防高德滑动弹出层*@minHeight最小高度*@middleHeight二级高度*@maxHeight最大高度*@clickSwipe(header插槽/点击开启/关闭事件
织_网·2022-09-29 18:54

小汤学编程之JavaEE学习day06——LayUI

一、LayUI简介1.下载2.入门案例二、栅格布局三、图标四、按钮1.按钮类型2.主题3.尺寸4.圆角5.按钮组五、后台布局六、表格数据1.前台页面2.后台Servlet七、弹出层1.独立版2.内嵌式八
SoupTC·2022-09-28 06:20

100多个经典常用的PHP功能插件大全实例演示和下载

百度地图根据经纬度获取国家、州市等地址相关信息08-06PHP读取身份证姓名和身份证号码API07-31cropped仿新浪微博头像上传裁剪缩小放大预览07-29prettyPhoto和fancybox弹出层插件对比
chengyue1875·2022-09-19 20:33

PHP经典实用案例1000个

百度地图根据经纬度获取国家、州市等地址相关信息08-06PHP读取身份证姓名和身份证号码API07-31cropped仿新浪微博头像上传裁剪缩小放大预览07-29prettyPhoto和fancybox弹出层插件对比
chengyue1875·2022-09-19 20:02

图片预览实现方案

定义样式/*图片预览弹出层*/.picmodal{display:none;/*Hiddenbydefault*/position:fixed;/*Stayinplace*/z-index:1;/*Sitontop
·2022-09-15 09:58

Day83.尚好房 — 用户管理— Hplus(UI框架)、Layer(弹出层框架)、增删改查、分页组件 :分页查询

目录用户角色管理一、后台主题UI框架(Hplus)1.集成框架2.添加、修改框架主页面3.IndexController框架页面控制器(路径使用常量)二、角色管理二、弹出层框架(layer)1.layer
焰火青年··2022-08-31 09:13

Vue父组件 和 子组件 相互调用修改参数的问题-解决

当我点击页面的显示窗口会弹出子界面的弹窗,然后当我点击关闭图标或者点击遮罩层都会调用子组件中的onClose方法,然后更改父组件的exchangeShow为false时子组件的弹窗会消失使用到了Vant的Popup弹出层界面样式
Hi梅·2022-08-27 07:50

uniapp中Popup弹出层底部空隙问题（手把手图解）

在开发uniapp项目中，我们会使用到popup弹出层Popup弹出层的弹出方式分为一下几种top顶部弹出center居中弹出bottom底部弹出left左侧弹出right右侧弹出message预置样式
走出半生的少年·2022-08-21 18:03

基于JS实现点击图片在弹出层显示大图效果

点击图片，在弹出层显示原图。
·2022-08-01 09:03

Vue出现弹出层时禁止底部页面跟随滑动

背景：最近在写一个vue项目，当出现弹出层时，发现底部页面跟随滚动，但是产品不想要这种效果，于是找各种资料，发现很多说法，但是试了试，发现有的根本就不行，比如说有人提出用vue中提供的@touchmove.prevent
·2022-07-29 18:05

layui实现增删改查——图书管理

（2）添加书籍点击页面的添加按钮，弹出层出现添加书籍的表单（3）修改书籍点击修改按钮，弹出层出现修改书籍的表单（4）删除书籍点击删除按钮，删除书籍（5）书籍的上下架（6）模糊搜索（三）功能实现的流程（一
@悠然见南山·2022-07-27 15:37

JS实现可拖拽的模态框

实现思路及大致步骤：1.点击弹出层，模态框和遮挡层就会显示出来display:block;2.点击关闭按钮，模态框和遮挡层就会隐藏起来display:none;3.在页面中拖拽的原理：鼠标按下并且移动，
小白小白从不日白·2022-07-19 20:03

js实现模态框的拖拽

分析思路：1.点击弹出层，模态框和遮挡层就会显示出来。display：block2.点击关闭按钮，模态框和遮挡层就会隐藏。
猫小姐和她的影子·2022-07-19 20:07

拖动的模态框实现

1.点击弹出层，会弹出模态框，并且显示灰色半透明的遮挡层。2.点击关闭按钮，可以关闭模态框，并且同时关闭灰色半透明遮挡层。3.鼠标放到模态框最上面一行，可以按住鼠标拖拽模态框在页面中移动。
码小吧·2022-07-19 20:06

模态框拖拽效果实战（HTML+CSS+JS）

在这里做一个模态框拖曳的案例，在这里要实现的功能有：点击弹出层，会弹出模态框，并且显示灰色半透明的遮挡层。点击关闭按钮，可以关闭模态框，并且同时关闭灰色半透明遮挡层。
bear*6·2022-07-19 19:15

javaScript实现模态框拖拽效果

点击弹出层，会弹出模态框，并且显示灰色半透明的遮挡层。点击关闭按钮，可以关闭模态框，并且同时关闭灰色半透明遮挡层。鼠标放到模态框最上面一行，可以按住鼠标拖拽模态框在页面中移动。
不会java的java开发工程师·2022-07-19 19:11

JavaScript实现拖动模态框

1.点击弹出层，会弹出模态框，并且显示灰色半透明的遮挡层。2.点击关闭按钮，可以关闭模态框，并且同时关闭灰色半透明遮挡层。3.鼠标放到模态框最上面一行，可以按住鼠标拖拽模态框在页面中移动。
·2022-07-04 18:52

js实现模态框的拖拽效果

分析思路：1.点击弹出层，模态框和遮挡层就会显示出来。display：block2.点击关闭按钮，模态框和遮挡层就会隐藏。
·2022-07-03 15:46

js实现拖动模态框

效果如下:代码思路:1．点击弹出层，会弹出模态框，并且显示灰色半透明的遮挡层。2．点击关闭按钮，可以关闭模态框，并且同时关闭灰色半透明遮挡层。
·2022-07-03 07:27

开源插件基于Vue3轻量级弹框插件SlashLayer推荐

SlashLayerSlashLayer是一个基于Vue3开发的专注于解决业务后台管理系统复杂弹出框和表单问题的轻量级弹出层插件，致力于使用最少的代码完成更多的功能，将更多的时间用于摸鱼事业。
·2022-06-25 20:40

Vue3 优雅的模态框封装方案

优雅的模态框封装方法-定制上次说到利用虚拟节点和瞬移组件制作模态框组件，并支持template中调用和JavaScript中调起但实际上，我们在工作中不会花这么大的精力去做这些繁琐的工作，一般都会直接使用组件库的弹出层去修改
·2022-06-21 12:25

wepy--用vantUI 实现上弹列表并选择相应的值操作

是一个相对来说比较好用的ui组件库，下面是地址大家可以自己去看看：https://youzan.github.io/vant/#/zh-CN/actionsheet接下来我们直接进入正题，在这个demo当中我是将这个弹出层封装成为一个组件
·2022-06-15 10:49

用vue3封装一个符合思维且简单实用的弹出层

目录前言服务式弹出层用Promise来创建吧！
·2022-06-09 10:37

一款很好看的个人主页html源码

介绍：源码添加了layer弹出层，pc端以窗口显示，手机端直接打开新页面！修改说明：首页图片修改style.css文件第5行和146行图片链接进行更换！
普通网友·2022-06-04 05:53

使用vant 自定义弹框全过程

目录vant自定义弹框vant弹框和弹出层vant自定义弹框使用vant制作弹框，具体如下：html层{{item.title}}{{p}}data层：import{Dialog,Popup}from"vant
·2022-05-26 14:50

React Native Popup实现示例

目录具体实现使用方法ReactNative官方提供了Modal组件，但Modal是属于全屏的弹出层，当Modal显示时，操作区域只有Modal里的元素，而且焦点会被Modal劫持。
·2022-05-18 12:47

vant遇到van-sidebar数据超出不能滑动的问题

一些内置api也很好用vant中的toast等代码形式的样式需要额外引入DatetimePicker时间选择器Slider滑块van-sidebar数据超出不能滑动问题：项目中使用了van-popup弹出层加载子组件内容
·2022-04-26 22:02

实战分布式医疗挂号系统登录接口整合阿里云短信详情

启动类&配置网关4.三层调用步骤4：登录页面前端1.封装api请求2.添加登录组件3.登录全局事件附加：用户认证与网关整合1.在服务网关添加fillter2.调整前端代码本篇文章完成的需求：1，登录采取弹出层的形式
·2022-04-25 16:20

秒杀项目之秒杀商品操作

目录一、秒杀商品显示1、MybatisPlusGenerator生成相关数据2、后台编写3、前台编写4、运行测试二、秒杀商品增加1、增加弹出层2、增加秒杀商品（1）前台编写（2）后台编写三、秒杀商品1、
小丸子M·2022-03-31 10:31
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他