弹出层

解放劳动力，拒绝crud【基于element-ui的表格模版】

常规操作流程：表格组件分页组件弹出层组件+表单组件一套搜索栏表单组件一套一把梭下来写了很多样版式代码，风格可能还不统一。
枫凌一·2020-01-04 05:28

前端开发之tap点透浅谈

zepto的tap事件点透问题分析：一、点透是什么你可能碰到过在列表页面上创建一个弹出层，弹出层有个关闭的按钮，你点了这个按钮关闭弹出层后后，这个按钮正下方的内容也会执行点击事件（或打开链接）。
夏沉·2020-01-02 09:41

click点透

核心代码：链接弹出弹出层关闭varoPop=document.getElementById('popupLayer');varoUn=document.getElementById('underLayer
A你叫阿钧·2020-01-01 22:18

小程序弹出层滚动穿透问题---史上最简单写法(附加解决方案)

overflow:hidden;也需当弹出层方法执行时，改变myheight的值this.myheight="100%";当隐藏的时候，修改myheight的值this.myheight="555rpx
sun_wenming·2019-12-31 03:34

SweetAlert插件弹出层自定义多个输入框

今天在使用swal时想要自定义下弹出的层使得能输入多个信息，再将html：true,然后在text中编写html代码，普通的字还可以显示但是一些表单元素就咋都显示不了经过一番尝试后发现，需要将type指定为input或者prompt，受到中文官网上的例子的误导了，但是这样的话总是会出来那个程序自带的比较尴尬，就改js文件吧，把那个自动的输入框的type改为hidden，可以，打开时却总是被重新改成
马木木·2019-12-29 05:37

已知某点的经纬度，计算往正北或者正南多少公里之后的经纬度

背景最近在做一个地图操作的页面，需求是在地图上画一个圆圈圈出一片区域之后在圆圈的边缘展现一个弹出层来进行一些操作。
Ryan_JS·2019-12-28 11:49

JavaScript获取页面高度宽度 弹出层效果

新人第一次发帖，可喜欢可评论可转载先来说一说获取页面高度宽度的问题varsheight=document.documenElement.scrollHeight;//获取页面的高度varswidth=document.documentElelment.scrollWidth;//获取页面的宽度varcheight=document.documentElement.clientHeight;//获取
蛋黄肉·2019-12-27 02:06

Web前端学习路线

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

Android仿微信支付密码弹出层

预览使用这个弹出层是一个DialogFragment，逻辑都封装在其内部，使用起来很简单：Bundlebundle=newBundle();bundle.putString(PayFragment.EXTRA_CONTENT
互联网技术分享·2019-12-25 16:35

微信小程序开发之自定义弹出层

显示效果.js文件代码：//index.js//获取应用实例varapp=getApp()Page({data:{flag:false},a:function(){this.setData({flag:false})},b:function(){this.setData({flag:true})}})wxss文件代码：.b1{position:fixed;width:100%;height:100
无沣·2019-12-25 00:22

intraweb首次与LayUI结合

intraweb可以说是DelphiWeb开发的好帮手,但是自带的控件搭建页面,感觉不是那么美观,于是想引用一个UI框架,Delphi来提供后台访问,但是发现一个问题,如果intraweb用模版,Layui弹出弹出层来编辑数据
ZlpDll·2019-12-24 15:00

动态的给容器添加蒙版效果的弹出层

创建测试HTML结构显示蒙版隐藏蒙版CSS样式编写.content{width:800px;height:600px;margin:0auto;text-align:center;position:relative;}.btn-content{height:50px;line-height:50px;}.view-content{position:absolute;top:50px;width:1
devZhang·2019-12-24 05:26

CSS 半透明遮罩层

很多时候，我们需要通过一层半透明的遮罩层来把后面的一切整体调暗，以便凸显某个特定的UI元素，引导用户关注，比如弹出层或者交互指南。
咕咚咚bells·2019-12-24 00:31

[Tricks] 移动端弹出层

滚动弹出层时，禁止底部body滚动//.vuefile...watch:{isShowPopup(show){if(show){constscrollY=window.scrollYdocument.body.style.position
rjxio·2019-12-23 18:05

Bootstrap-多层模态框滚动条失效解决办法

Bootstrap官方不支持模态框多层叠加，实际项目使用时需要弹出两层弹出层，当弹出第一个弹出层时，滚动条正常，弹出第二个弹出框并关闭时，滚动条事件被吃掉覆盖。
芒果加奶·2019-12-19 23:19

layer组件打开新弹层通过view(this.id).render传参

当我们使用编辑等功能时，有时候需要打开弹出层，layer是一款web弹层组件layer.open({title:'用户编辑',type:1,area:['1150px','650px'],skin:'layui-layer-rim
Effortzjw·2019-12-19 17:47

JS如何实现继承？

比如一个弹出层，我们需要在上面做一些修改。同事写好了一个，我们继承一下，对它的某个方法做了一些修改，或者新建一个方法，然后再new出来就可以用。
qq593e097eaab3c·2019-12-19 09:20

以下是移动端 常见的问题解答（如何简单解决移动端弹出层滚动 body不滚动的常见问题）

首页我们点击筛选可以弹出层筛选此处为弹出层css样式文件#sliderbar{position:absolute;top:0;right:-80%;width:80%;background:#FFF;z-index
张宪宇·2019-12-18 15:14

SSM框架JSP使用Layui实现layer弹出层效果

最近做的系统里，使用layui当作前端的框架，就是用了layui自带的layer弹出层，效果图如下。首先，导入layui需要的css，js文件，这个就不需要多说了。
i s·2019-12-17 08:30

ionic4处理android返回按钮事件

android返回按钮的处理是不一样的，而且有点坑，所以本文介绍一下效果演示如下gif，所有返回操作，包括关闭alert等弹出框都是点击android硬件返回按钮的效果处理逻辑点击返回按钮判断当前页面是否有弹出层打开
小军617·2019-12-16 08:19

LayUI前端框架开发视频讲解

进度条的使用3-1、认识layui容器3-2、认识栅格系统3-3、栅格的使用3-4、后台模板的使用4-1、表格的使用4-2、面板的使用4-3、导航的使用4-4、定义微章与时间线4-5、网页其它元素5-1、认识弹出层
蛞蝓·2019-12-14 22:00

layui弹出层基础参数

一、type-层类型类型：Number默认为0（信息框）;1（页面层）,可以在页面添加HTML内容2（iframe层）3（加载层）加载时显示的弹出框4（tips层）需要绑定ID就不展示了二、title标题参数类型：String,Array,BooleanString:即标题的文本Array:即CSS样式，如color:yellowBoolean:不展示标题时可设置为flase三、content内容
我永远喜欢石原里美·2019-12-13 16:00

layer弹出层不居中解决方案，仅显示遮罩，没有弹窗

问题：项目中遇到layer问题，因为页面加载的图片多，点击删除是layer询问层的弹窗仅显示遮罩层，并不显示弹窗……原因：图片太多将layer弹窗挤出屏幕下方，看不见了……解决方案：让layer的弹出层居中显示一
梅先森森森森森森·2019-12-13 10:39

vue2-elm学习记录（Day12）

choosedFoods.specifications[0].name}}{{item}}￥{{choosedFoods.specfoods[specsIndex].price}}加入购物车说明：showSpecs:控制显示上商品规格的弹出层
zs_staria·2019-12-12 01:04

Layui-Table增删改查

前言1.使用layui与后端进行交互2.列表展示数据3.使用layer弹出层进行添加和修改4.批量删除数据这篇文章的重点不是在后端，所以在这里，后端的话，我就不详细的讲解了。
HeloWxl·2019-12-11 09:15

jQuery实现弹出层效果

本文实例为大家分享了jQuery实现弹出层的具体代码，供大家参考，具体内容如下###jQuery实现弹出层效果点击弹出层：弹出弹出层点击阴影：关闭弹出层点击“关闭”关闭弹出层整体代码如下：jQuery弹出层效果
dq_095·2019-12-10 14:58

javascript实现弹出层效果

弹出层和弹窗相似但是并不相同；弹窗和弹出层都是由用户触发的显示提示信息的弹出面板；但是弹窗只是显示一些信息，没有太多的复杂的交互事件；而弹层类似一个整个页面，可以实现页面的所有功能；现在前端弹层使用的很频繁
babulongbo·2019-12-10 14:58

微信小程序开发(3)：这是一个组件

作者：叶小钗www.cnblogs.com/yexiaochai/p/9382862.html编写组件基本结构接上文：微信小程序开发02-小程序基本介绍我们今天先来实现这个弹出层：之前这个组件是一个容器类组件
grain先森·2019-12-08 01:31

Html5写一个简单的俄罗斯方块小游戏

原本想做个弹出层，但觉得
·2019-12-03 21:59

Html5 小游戏 俄罗斯方块

原本想做个弹出层，但觉得
团子好软·2019-12-03 13:00

Swift 3.0 商城开发 —— 立 flag

本文会实时更新进度，敬请期待相关章节第一章：Swift3.0商城开发——图片滑动组件第二章：Swift3.0商城开发——商城上拉弹出层（仿淘宝）1.商城首页效果图image2.商品模块效果图image3
zZ爱吃菜·2019-12-01 21:01

Vue 用Vant实现时间选择器

全局引入后可直接使用）importVuefrom'vue';import{DatetimePicker}from'vant'Vue.use(DatetimePicker);关键使用代码（结合vant组件Popup的底部弹出层一
honey缘木鱼·2019-12-01 16:13

Swift 3.0 商城开发 —— 商城上拉弹出层（仿淘宝）

写在前面在做项目的过程中，偶尔会转牛角尖，比如感觉很喜欢京东淘宝的上拉弹出层获取商品属性的效果，于是就各种寻求思路，最终实现并封装成自己的类库，LWPopupViewController。
zZ爱吃菜·2019-11-30 22:03

vue-cli引用vant使用rem自适应

摘要由于需要用到弹出层但是懒得造轮子所以使用vant介绍使用的node包管理器为yarnvue-cli版本4rem计算方式为index.html的js脚本计算安装vantyarnaddvant配置安装babel-plugin-import
pplok·2019-11-27 17:00

vant ui 开始时间-结束时间 选择器

currentTime:newDate(),//开始时间不能超过当前时间startTime:newDate(),//开始时间endTime:newDate(),//开始时间showStart:false,//用来显示弹出层
麦子·2019-11-19 14:07

2019-11-11

防止小程序左右超出，导致左右滑动的问题：.home-page{width:100%;overflow-x:hidden;}防止小程序弹出层中，背景滚动的问题：在元素中添加这个:catchtouchmove
Axe小莱·2019-11-11 20:24

React练习 10：弹出层效果

需求：点击按钮后弹出一个遮罩。点击X后关闭。importReact,{useState,useEffect}from'react';importReactDOMfrom'react-dom';import'./index.css';functionOverlay(){const[isShow,setShow]=useState(false);return(setShow(false)}id="cl
sx00xs·2019-11-10 14:00

微信小程序用户滑动体验处理

问题1：当页面出现弹出层，弹出层和底层均有滚动条，滚动弹出层，底层跟着滚动（滚动穿透）处理：该问题原因是弹出层的滚动事件冒泡至底层组件，触发底层监听函数，故需要在弹出层阻止事件冒泡，在弹出层绑定事件catchtouchmote
LUGY·2019-11-08 05:47

Bootstrap学习文档（四）

Bootstrap模态框注意：1、弹出层必需放在body里2、弹出层里面不能再嵌套别的层3、弹出层出来以后，页面的滚动条会被覆盖modal弹出层父级modal-dialog弹出层modal-content
Wizey·2019-11-06 13:24

解决移动端弹出层的滚动问题

在工作中，我们常常会遇到这样的需求：点击某个按钮或者分享完之后会弹出一个内容框，水平居中对齐在屏幕上。我们下面的代码就是针对移动端来完成这个需求，我们先来看一下效果图片：点击分享之前点击分享之前.jpeg点击分享之后点击分享之后.jpeghtml结构分析html结构分析.jpg下面是我简化之后的代码，帖出来给大家看一下：html这里面是你的内容巴拉巴拉...我要分享分享成功![](./img/cl
汤利利·2019-11-04 03:28

vue弹出框组件封装实例代码

新学vue，参考别人封装弹出层组件。好用！
weixin_37035452·2019-10-31 13:05

vue弹出框组件封装

新学vue，参考别人封装弹出层组件。好用！
喊我小垚女·2019-10-31 10:08

zui+bootbox，利用data-dismiss="modal"关闭modal时，请空modal内容

最近，利用zui+bootbox做项目时，有这样的需求在画面中有以下modal区域，通过ajax请求获取到modal里的内容，将代码片段利用.html('.....')加载进弹出层并show显示但是在关闭时点击原生的关闭按钮时
Start_liyi·2019-10-18 06:07

layUI弹出框增加回调事件

layer.open({type:2,//弹出层现实的样式//shade:false,//不显示背景阴影，去掉这个属性则显示//skin:"layui-layer-rim",//加上边框closeBtn
小魏的马仔·2019-10-16 12:12

web前端零基础学习路线(写给入门的新手)

JS基本特效：例如：tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜
前端老司机·2019-10-12 21:46

谈谈我对前端组件化中“组件”的理解，顺带写个Vue与React的demo

的话分工会更细，比如携程：携程app=机票频道+酒店频道+旅游频道+......每个频道有独立的团队去维护这些代码，具体到某一个频道的话有会由数十个不等的页面组成，在各个页面开发过程中，会产生很多重复的功能，比如弹出层提示框
叶小钗·2019-10-02 22:06

使用idea创建spring mvc项目图文教程

如下图：在弹出层。选择Sprin
kaizi1992·2019-09-29 09:00

使用idea创建spring mvc项目图文教程

如下图：在弹出层。选择Sprin
微信公众号_凯哥java·2019-09-29 09:44

layer弹出层倒计时关闭的实现方法

因为官方没有提供，只能自己实现了，包括按钮倒计时和标题倒计时，标题倒计时在注释部分：functionfunc1(){vari=9;varinterval;layer.confirm('是否提交？',{btn:[i+1+'s后可提交','退出'],//按钮skin:'layui-layer-molv',success:function(a,b){$(".layui-layer-btn0").css(
橙小光·2019-09-27 15:44

layer.alert自定义关闭回调事件的方法

在项目应用中，遇到自定义关闭layer.alert弹出层，即在关闭layer.alert时，可以自动触发关闭时的事件，具体方法为：layer.alert('爱心提示！'
香吧香·2019-09-27 15:15
上一页 20 21 22 23 24 25 26 27 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他