弹出层

小程序组件集合-（陆续更新中，欢迎探讨~）

，不过根据自己平时的业务需要又新增了一些组件，项目地址：https://github.com/youzouzou/...已完成组件：文字跑马灯弹出层（常用于选择商品属性）订单好中差评价交互富文本解析(项目地址
·2021-04-02 14:04

layui 子弹出框操作成功后， 刷新父弹出框的内容

https://www.jb51.net/article/128275.htm方法一：在layer弹出层中调用父界面重新加载函数window.parent.location.reload();varindex
tangzhentian·2021-04-02 09:26

js 悬停出现div,移走消失，悬停在div中不消失

网页导航栏效果，鼠标放到名称上悬停divjs悬停效果.pngDIV弹出层body{margin:0pxauto;font-size:14px;font-family:Arial,Helvetica,sans-serif
芒果加奶·2021-03-11 20:17

React中如何创建通用组件

在react中写弹出层，警告框，tooltips等类似组件时，我们希望这些组件可以不依赖任何组件而独自存在。
ChrysAwesome·2021-03-11 13:28

基于javascript，C#开发网站博客

一.界面及功能1.网站首页image.png2.Layer弹出层：点击注册或登录在弹层进行注册或登录image.png3.点击写文章进行写作文章，点击发表文章，叫文章保存并发表image.png4.点击
留心的话没有小事·2021-03-10 22:27

vue移动端项目vant组件库之popup

vue移动端项目vant组件库之popup打开弹出层ref的使用当弹出层有滚动条时每次打开希望滚动条在顶部可以在关闭时把滚动条scrollTop设置为0用户打开了弹出层import{Popup,Button
笑望灬星辰·2021-02-22 01:25

vue 判断两个时间插件结束时间必选大于开始时间的代码

点击选择日期exportdefault{data(){return{msg:'',currentDate:newDate(),changeDate:newDate(),show:false,//用来显示弹出层
·2021-02-20 13:57

在IIS上部署PHP网站

创建网站点击“添加网站”后，进入页面填写网站相关内容，如：网站名称、物理路径(网站所在文件夹),点击“确定”创建成功3、PHP设置点击创建好的网站，点击“处理程序映射”，点击右侧的“添加映射模块”，在弹出层中输入对应的参数
ld17822307870·2021-02-15 01:30

大前端2018现在上车还还得及么

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

uni-app实战之社区交友APP（7）消息页开发

文章目录前言一、消息列表页面开发1.pages.json配置2.消息列表组件开发和封装3.下拉刷新功能实现4.下拉弹出层组件使用二、我的好友列表页开发1.pages.json配置2.导航组件开发3.好友列表组件开发
cutercorley·2021-02-01 18:21

vue使用transition组件动画效果的实例代码

transition文档地址定义一个背景弹出层实现淡入淡出效果Togglehelloexportdefault{data:()=>({show:true}),};.fadeBg-enter-active
·2021-01-28 18:44

Vant picker 多级联动操作

搭配弹出层使用constcitys=[//我们习惯的格式。可以后台给你出，如果你打不过的话，你就。。。
·2021-01-25 13:59

layui table 弹出层刷新_layui 关闭open弹出框 刷新table表格页面的方法

layui关闭open弹出框刷新table表格页面的方法如下所示：保存后刷新table表格源码//弹出框layer.open({type:2,shadeClose:true,shade:0.3,maxmin:true,area:['80%','95%'],title:'',content:'',end:function(){//刷新页面,location.reload();},});效果图以上这篇
myy4988·2021-01-14 01:58

js 封装弹出层简单方法

1.js代码functionTanshow(){}Tanshow.prototype.$alert=function(title,content){//弹出方法（传行参）vardivDom=document.createElement("div")//创建div节点divDom.setAttribute("id","tan")//给div设置idvarh1Dom=document.createEl
Lemon.哦·2021-01-11 21:56

js 阻止弹出层底部页面滑动

一、源码弹出层底部不能滑动html,body{padding:0;margin:0;}.outer-box{height:1700px;width:100%;background-color:brown
Kinghiee·2021-01-09 21:26

小程序弹出层禁止列表滑动_小程序实现自定义动画弹框/提示框

虽互不曾谋面,但希望能和您成为笔尖下的朋友以读书,技术,生活为主,偶尔撒点鸡汤不作,不敷衍,意在真诚吐露,用心分享点击左上方,可关注本刊标星公众号(ID：itclanCoder)如果不知道如何操作点击这里,标星不迷路前言在小程序中,用户与界面进行交互时,有一些用户反馈提示,例如:触发某个按钮,从底部弹出框,从顶部弹出等如今,有一些现成的UI库,虽然已经实现了的,但若只是为了实现一个底部弹出框或者自
汇智全球猎头公司·2021-01-08 12:20

vue3弹出层V3Popup实例详解

Vue3-Popup基于vue3构建的手机端自定义弹层组件。一款集合了msg、alert、dialog、modal、actionSheet、toast等多种效果的Vue3自定义弹层组件。支持上下左右弹出、圆角、自定义弹层样式、多按钮及长按/右键功能。引入v3popup//在main.js中全局引入import{createApp}from'vue'importAppfrom'./App.vue'/
·2021-01-04 14:51

lock

二、解决弹出层的滚动穿透大家可以看到我在最大的view标签上动态绑定一个类scroll-lock，是根据弹出框显隐控制的，这就是第一个问题，弹出层滚动穿透问题。
m0_54069782·2020-12-31 22:28

view

设置哪个方向可滚动，则在哪个方向滚动到该元素，还需要将scroll-y设为true在弹出层使用scroll-view就能达到内容超出可以滚动的效果。
m0_54069782·2020-12-31 22:29

uniapp弹出层使用scroll-view进行内容滚动+锚点定位滑动到最底部，解决弹出层滚动穿透

一文看懂弹出层中使用scroll-view前言一、定义template模板二、解决弹出层的滚动穿透三、定义数据四、相关方法五、简单样式前言本文使用的相关技术及组件为uniapp+uview，使用hbuilder
轻叹年华逝，·2020-12-29 14:03

vue 停止页面滚动_vue 遮罩层阻止默认滚动事件操作

touchmove.prevent方法可以完美解决这个问题如果不是使用Vue的话，可以给body添加overflow:hidden属性解决补充知识：vue项目中禁止页面滚动/滚动事件穿透(弹出蒙版时，弹出层下面还可以滚动
郑荃·2020-12-29 07:44

在vue中使用vant TreeSelect分类选择组件操作

中文文档：TreeSelect分类选择效果展示：//先在你需要的页面中引入，第一个是弹出层,第二个是选择的import{Popup}from"vant";import{TreeSelect}from"vant
·2020-12-28 16:43

基于Vue.js+Nuxt开发自定义弹出层组件

今天给大家分享VPopup基于Vue.js构建的轻量级移动端弹出框组件，详情如下所示：一款融合了Vant、NutUI等热门Vue组件库中的Popup弹层、Dialog对话框、Toast提示框、ActionSheet动作面板框、Notify通知框等功能。快速使用在main.js中引入组件//引入弹窗PopupimportPopupfrom'./components/popup'Vue.use(Pop
·2020-12-26 17:29

在vant中使用时间选择器和popup弹出层的操作

我就废话不多说了，大家还是直接看代码吧~import{Cell,CellGroup,DatetimePicker,Popup}from"vant";importVuefrom"vue";exportdefault{//组件Q2组件需要正确注册，才能被页面识别components:{[Cell.name]:Cell,[CellGroup.name]:CellGroup,[DatetimePicker
·2020-12-24 13:50

vue 背景弹出禁止滚动_vue 遮罩层阻止默认滚动事件操作

touchmove.prevent方法可以完美解决这个问题如果不是使用Vue的话，可以给body添加overflow:hidden属性解决补充知识：vue项目中禁止页面滚动/滚动事件穿透(弹出蒙版时，弹出层下面还可以滚动
小炸毛周黑鸭·2020-12-23 21:51

Layui-经典模块化前端框架

Layui1.Layui简介1.1下载1.2入门2.栅格布局3.图标4.按钮4.1主题4.2尺寸4.3圆角4.4图标按钮4.5按钮组5.后台布局6.数据表格7.弹出层8.表单9.新增10.删除跟修改功能
喝汤一样·2020-12-23 19:47

Vue+SpringBoot导出Excel，自定义要导出的表格的列

Vue+SpringBoot导出Excel，自定义要导出的表格的列前言一、Vue弹出层？
LauSET·2020-12-13 14:33

父元素中有transform, perspective 或 filter时，fixed子元素如何呈现

前几天做项目的时候，因为对position：fixed属性有认识不全面，然后就导致做弹出层的时候弹出层不能覆盖整个浏览器可视窗口。
Kinghiee·2020-12-06 09:33

uniapp#实现自定义省市区三级联动

前端展示的省市区县是由后端接口返回的（业务可能需要地区id或者其他数据）；如果只是要选择位置，可以使用uni的api：uni.chooseLocation手机端效果：PC端效果：使用的组件实现该功能，首先需要一个弹出层
Rtwo·2020-11-17 10:34

FlutterEasyPopup -- 自定义弹出层，So easy！！！

1.前言弹出层（Popup）一直是各类App中一个重要的交互组成部分，很多时候，一个App中甚至会出现各种形形色色的弹出层。
BakerJ·2020-11-13 11:23

vue中实现弹出层动画效果的示例代码

1按钮2data(){return{boxshow:false,};},3methods:{togglebox:function(){this.boxshow=!this.boxshow;},},样式：.box{height:500px;background-color:rgb(245,224,224);overflow:hidden;}/*给过渡的name加样式*/.mybox-leave-ac
·2020-11-13 10:08

小程序防止点击遮罩层后遮罩层下面也反应（有点击事件）

2.给底层页面动态添加position:fixed;小程序弹出层点击穿透问题弹出遮罩层通过实践，网上说的前面两种是不可行的，对于第一
Moses_CN·2020-09-17 10:11

HTML5模拟拨打用户电话界面源码

[img]http://dl2.iteye.com/upload/attachment/0096/5167/f73984cf-ec6e-3ce9-bac2-1133b00dc633.png[/img]弹出层
yuky1327·2020-09-17 10:23

layui 弹出层

通过阅读layui官方文档，发现layui的弹出层可以分两种使用的场景。一种是在layui中作为模块调用，另一种其实是大家很久以前就使用过的layer.js。它配合jquery一起使用。
chuxunmi6637·2020-09-16 22:35

如何解决layui弹出层闪退的问题

问题：今天用layui的弹出层插件，发现绑定弹出层到按钮，打开弹窗会闪退。原因：在form表单中使用了Button按钮，点击的时候会触发默认事件，而form的action我没填，所以就是弹出层会闪退！
玉米豆豆儿·2020-09-16 19:36

JS点击空白区域时关闭弹出层

没登陆之前，点击需要登录才能用的应用时，一点击就会弹出层登陆框让登陆，若不登录点击登陆框之外的区域登录框消失。
wjiaoling136·2020-09-16 17:19

MUI遮罩层当点击关闭按钮时才关闭遮罩层

故需要关闭三角形：/***移除顶部三角形*/.mui-popover.mui-popover-arrow:after{height:0;}因为遮罩层级较高，导致点击同意时不会关闭遮罩，需设置/**关闭弹出层
飞羽轩·2020-09-16 16:22

Vant-UI移动端时间选择框

使用Vantinput框时有时需要调用时间选择，时间选择框要结合弹出层使用到期日：需要注意的是，使用自定义弹出层会触发手机自带的软键盘，可以加上readonly="readonly"阻止软键盘readonly
weixin_34392435·2020-09-16 16:11

弹出层内容滚动引发底层页面滚动的BUG处理

背景描述页面上有个弹出层，弹出层内容较多需要滚动展示。
weixin_33918357·2020-09-16 16:11

使用 MUI 自制 弹出层

使用MUI自制弹出层店铺管理createMobileUrl('business',array('op'=>'register'));}"method="post">店名地址提交取消functionaddShop
GetcharZp·2020-09-16 15:29

MUI弹框组件：高阶用法 - 点击即可toggle

方法二则使用·官方代码：//马上开通functionhandleSelectRightNow(){mui('#pay').popover('toggle');}使用·自定义代码：上述中间部分的代码，（比如关闭弹出层
草巾冒小子·2020-09-16 15:50

layUI-layDate时间控件点击闪烁及不能正常显示问题

layUI-layDate时间控件点击闪烁问题layUI进行开发中时,列表页面中弹出层得业务需求,在弹层中layUI-layDate时间控件点击闪烁或显示位置不合理等问题一直困扰着我们,博主在处理闪烁问题时无意翻看其他博主底部评论时发现了解决方法
刘大壮的快乐生活·2020-09-16 15:13

mui中点击按钮弹出层可供选择数据自动填充

jsp调动职务选择职务选择职务JSvarTempvalueArr=[];//存储li的valuevarTempnameArr=[];//存储li的name填充数据varmsg="";$.each(data.hrSchoolmovetypelista,function(index,transferPosition){msg+=""+transferPosition.name+"";T
axs441702·2020-09-16 14:09

vue弹窗里面使用echarts不显示的问题

前言：弹出层中插入echarts图表，没有报错，但是图表加载不出来此弹出层没有用element的dialog对话框，用的自己封装的组件，但是出现的问题是一样的原因分析：弹出层的内容是懒渲染的，即在第一次被打开之前
呱呱•.•·2020-09-16 14:57

bootstrap-fileinput隐藏右上角x及预览+

如下图，用layer.open打开文件上传的弹出层后，右上角会有一个小叉，不太美观，而点击预览加号展示的图片又会在layer弹出层的下方，被挡住可以在$("#file-input").fileinput
AkenoSyuRi·2020-09-16 14:12

mui 简易弹出层

:fixed;top:70%;left:50%;}/*移除底部或顶部三角,需要在删除此代码*/.mui-popover.mui-popover-arrow:after{width:0px;}自定义位置弹出层点击此打开中间的弹出层我是自定义位置弹出层姓名学号操作桃子
SELECT_BIN·2020-09-16 14:42

MUI组件：弹出层组件 - 案例篇

MUI组件：弹出层组件-案例篇官方组件·演示地址：http://dcloud.io/hellomui/examples/actionsheet.html动画演示·效果图：（按“图1”方式点击，就会弹出“
草巾冒小子·2020-09-16 14:36

在layui弹出层填充遍历的数据；

从url="/corpore/checkdata"中拿到数据，定义一个数组，for循环遍历list，添加到arr数组中，定义一个layui弹出层，填充arr数组；为了防止重复执行checkdatas()
zww815·2020-09-16 13:00

DIV弹出层实现

在本教程中，我将用最通俗的语言和最简洁的代码给大家演示如何创建一个JavaScript弹出DIV窗口层的效果。创建一个弹出DIV窗口可能是现在网站/网页制作中最常碰到的问题之一。传统的JavaScript弹窗已经不适合目前网站的设计理念了，理由有二：首先，不友好――生硬的弹出对话框且伴随着“哐”的一声对用户体验是个很大的挑战；其次，兼容性不够强――有相当多的浏览器屏蔽了这种JS的Alert()方法
小虾米有鲨鱼梦·2020-09-16 11:39

js,ajax,layer笔记(弹出层,在弹出一个弹框)

整体认识:因为作用域的问题,js在页面初次加载时已近加载好了,所以要有第二次弹窗的效果,必须得在第一次成功之后再次让他加载js代码:/*shaun*/showdetailsPag:function(){$('.pick_carTablea').on("click",function(){varactionUrl=$(this).attr('popup-url');$.ajax({url:actio
Shaun-sheng·2020-09-16 11:44
上一页 5 6 7 8 9 10 11 12 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他