artDialog弹出层

开源插件基于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

SmartDialog迁移至4.0：一份真诚的迁移说明

前言一个开源库，随着不断的迭代优化，难免会遇到一个很痛苦的问题最初的设计并不是很合理：想添加的很多新功能都受此掣肘想使得该库更加的强大和健壮，必须要做一个重构因为重构涉及到对外暴露的api，所以大家会遇到一个比较烦躁的问题：更新版本后，会大面积报错我考虑了很久，到底怎么帮大家快速迁移呢？最终想到了一个还算合理的方案对于flutter_smart_dialog4.0版本的改动，很多是为了解决自己以前
·2022-05-04 22:35

SmartDialog迁移至4.0：一份真诚的迁移说明

前言一个开源库，随着不断的迭代优化，难免会遇到一个很痛苦的问题最初的设计并不是很合理：想添加的很多新功能都受此掣肘想使得该库更加的强大和健壮，必须要做一个重构因为重构涉及到对外暴露的api，所以大家会遇到一个比较烦躁的问题：更新版本后，会大面积报错我考虑了很久，到底怎么帮大家快速迁移呢？最
xdd666·2022-05-04 22:00

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

uniapp组件uni-popup弹出层的使用

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

项目汇总四

一、首页-频道编辑——弹出层..............>.....v-model="isChannelEditShow"closeableposition="bottom":style="{height
zhayuanyuan22·2022-03-24 00:12

vuejs 类gannt图，支持左右、上下虚拟列表，性能还能用，demo简单，做个记录

解决了自己的需求问题：1、解决大数据绘图卡顿（导致点击，弹出层都会卡顿问题）2、实现上下、左右都可以虚拟列表（大部分虚拟列表列表只上下滚动或者左右滚动）3、安卓，ios嵌入webview皆可使用4、macos
·2022-03-23 11:10

javascript的基本认识

行内：点击一下试试内联：alert('我是一个弹出层')，一般建议刚开始内联样式写在body下面。外联：，就是引入你想要加入的js。注意！
·2022-03-07 12:06

模态框拖拽

1、点击弹出层，回弹出模态框，并且显示半透明的遮挡层2、点击关闭按钮，可以关闭模态框，并且同时关闭灰色半透明遮挡层3、鼠标放到模态框最上面一行，可以按住鼠标拖拽模态框在页面中移动4、鼠标松开，可以停止拖动模态框移动鼠标放到最上面一行的时候
一夕ξ·2022-03-06 15:55

前端规范

效率更好的代码为后期维护提供更好的支持一、HTML规范标签必须合法且闭合、嵌套正确，避免使用z-index设置层级；语义化标签或类名，类名需2个单词用下划线或短横线，示例：导航左侧边栏主要内容区右侧边栏底部弹出层结构区块必须设置定位
·2022-02-26 23:30

vue如何使用原生js写动画效果_Vue.js动画在项目使用的两个示例

第一个动画示例：这其实是一个很常见的弹出层效果，鼠标点击按钮切换弹出层的显示，点击其他区域弹出层消
weixin_39830175·2022-02-26 14:48

vant-ui AddressEdit地址编辑和van-area的用法说明

AddressEdit地址编辑1.vant-ui地址编辑中已配置:area-list=“areaList”，以初始化全部省市区的数据这是结合vant-ui弹出层一起用的，用弹出层包裹省市区选择的组件，然后根据需要
·2022-02-24 18:06

VUE 弹出层

这些都是做移动端经常用到的的弹出层，四种弹出层，分别默认值type01220180103152344816.png这是一个组件layer.vue20180103154153918.png代码：importlayerfrom
关保民·2022-02-19 04:56

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

JS基本特效：例如：tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜
web前端学习指南·2022-02-16 22:16

音乐专辑展示动效--CSS3旋转

这个案例介绍如何使用css3实现音乐专辑展示动效，效果如下：效果图第一步：分析布局搭建结构，盒子内部有一个专辑封面图和渐变底色的弹出层，为了制作专辑列表效果，盒子使用ul>li布局，里面弹出层使用为元素
AriesMiki·2022-02-16 09:16

小程序中的一些常用方法

有的时候开发太急，我们并没有时间去仔细翻阅文档，这时候偶尔就会遇到一些不好找问题的坑记录下我自己开发中遇到的坑微信小程序弹出层滚动穿透启动更新问题比较小程序基础库版本号设置上一个页面的data数据图片宽高等比显示弹出层滚动穿透有时候会出现在自己编写的弹出层中移动手指
柚吖柚柚子·2022-02-13 03:23

小程序-弹出层,已解决滚动穿透问题（史上最简单写法）

方法1、实现小程序弹出层非常简单：只需要在弹出层的根view元素节点内添加以下属性内容即可实现，style="display:{{modaldisplay}};position:fixed;width:
神木惊蛰·2022-02-13 01:09

弹出层layui中方法，提供调用（暴露出来）。

1、在layui中定义的方法，如何提供给其他的定义的方法调用。首先会想到exports,方法暴露出来定义模板layui.definelayui.define(function(exports){//dosomethingexports('demo',function(){alert('HelloWorld!');});});2、将希望暴露的方法写在layui.define方法中3、调用Layui.
黑狼_佩恩·2022-02-11 02:11

微信登录

一、登录需求1、登录需求1，登录采取弹出层的形式2，登录方式：（1）手机号码+手机验证码（2）微信扫描3，无注册界面，第一次登录根据手机号判断系统是否存在，如果不存在则自动注册4，微信扫描登录成功必须绑定手机号码
CodeMing2000·2022-02-09 07:27

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

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

JavaScript实现模态框拖拽效果

在这里做一个模态框拖曳的案例，在这里要实现的功能有：1.点击弹出层，会弹出模态框，并且显示灰色半透明的遮挡层。2.点击关闭按钮，可以关闭模态框，并且同时关闭灰色半透明遮挡层。
·2021-12-21 17:03

python + layui.upload 上传文件，同时提交其它字段

点击弹出层的按钮：导入HARjs：layui.use(['layer','upload','form'],function(){var$=layui.jquery,layer=layui.layer
阿红吖·2021-11-11 16:24

一种更优雅的Flutter Dialog解决方案

为了应对复杂的业务场景，同时降低侵入性，在保持api稳定基础上，全面重构了SmartDialog底层我现在可以自信的说：它现在是一个简洁，强大，侵入性极低的Pub包请使用Flutter2.0及其以上的小伙伴们移步
小呆呆666·2021-11-07 15:15

ios11.3之前H5中input框光标位置怪异（不正确），已解决！

问题描述：在ios11.3之前H5中在弹出层使用input框，光标位置怪异（不正确），偶现情况，在后续ios更新中，已经将此bug修复，但是为了防止用户系统低导致问题，还是做了适配。
·2021-11-05 17:31

element-ui弹出层、树型控件、日期选中（date-picker）的样式修改

一、弹出层popover的默认样式修改一、修改它的背景色：通过类名：.el-popover{background-color:#996666!important;/*!
坦淡·2021-10-21 15:46

产品说：你在系统中添加一个全局文件上传

背景事情是这个样子的，在某天早起，兴冲冲的来到工作，刚刚准备摸鱼，鼠标刚刚点开心爱的网站，产品经理搬着小板凳坐在了我旁边.就开始说：现在咱们这个系统，上传文件的时候文件太大需要用户等待，弹出层的遮罩遮住了整个页面
·2021-10-12 19:07

uniapp实现录音上传功能

html部分我是写了个录音的图片点击之后弹出一个弹出层
·2021-09-24 17:22

Ajax 文件上传进度监听之upload.onprogress案例详解

Documentdiv{width:0%;height:20px;background-color:#f00;/*transition:all0.2s;*/}$(function(){//用户选择好文件之后单击弹出层的
·2021-09-09 11:41

IIS服务器中部署PHP案例详解

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

vue 父传子 props异步造成的问题，及解决方案

会自动执行created在组件上创建属性v-if=“showDiaglo”，关闭弹出层后进行组件销解决方法2在父组件里，点击编辑后，找到子组件，调用获取详情方法如何在父组件中调
run-Ameng·2021-08-14 22:43

H5移动端滚动穿透

加fixed弹出层show的时候给body加fixed弹出层hide的时候把body的fixed去掉加指令{directives:{fixed:{inserted(){//被绑定元素插入父节点时调用letscrollTop
我是_你的范儿·2021-06-25 13:15

小程序 弹出层有滚动事件 处理方法

转至：https://blog.csdn.net/mcyang0929/article/details/791620901.如果弹出层没有滚动事件，就直接在蒙板上加catchtouchmove=”move
Gollum128·2021-06-24 10:34

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

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

vue饿了么移动端app总结第一篇

使用的是vue-cli2.x脚手架一、头部组件的实现二、使用vue-router实现选项卡项目的地址：一、头部组件的实现1、需求分析：点击头部组件，出现商家优惠信息弹出层。点击x按钮关闭弹出层。
小伙子太认真·2021-06-14 13:04

点击元素外隐藏当前元素

//绑定点击弹出层外面隐藏下拉$(document).bind("click",function(e){vartarget=$(e.target).parent().parent();if(target.closest
永远的八神·2021-06-10 18:21

vue el-dialog的标题以及内容对齐

el-dialog弹出层label-width="120px"label-position="left"输入框前面的文字左对齐******取消保存对话框标题的左对齐div.el-dialog{margin
氨基钠·2021-06-10 16:33

基于 vue-cropper 的简单图片裁剪插件实现

同时还要对图片进行相关大小和格式的限制这个时候就想起了在jq时代大名鼎鼎的cropper.js了简单的界面设计如下图：效果图分析从图中可以看出，我们需要的功能主要有如下几方面的内容：获取到图片资源一个带模板的弹出层截图组件交互区域
Clancy_Lin·2021-06-10 14:55

关闭bootstrap弹出层同时关闭video

描述：利用bootstrapmodal组件制作弹窗视频，关闭modal框后，视频还是继续播放。原因：modal和视频是相互独立的，视频需要另外关闭。解决：video内预先不放链接，点击播放按钮加载视频链接，点击关闭按钮后同时移除src中的视频链接代码如下：$("[data-toggle='modal']").click(function(){//modal弹窗按钮$("#video").attr(
null_su·2021-06-10 06:13

Bootstrap DataTables 编辑插件

这里在前面的基础上自己实现了一个类似插件，简单的实现点击table内的item弹出层编辑功能。
SMILE_NO_09·2021-06-08 21:28

layui使用layer弹出层父子页面事件相互调用方法

父页面小小提示层父页面$(function(){$("#parentIframe").click(function(){vara=$(this).attr("data-url");layer.open({type:2,content:a,success:function(layero,index){varbody=layer.getChildFrame('body',index);//获取子页面内
是曹不是蔡·2021-06-08 01:42

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

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

cookies、sessionstorage和localstorage的区别

360急速和兼容模式切换的时候系统退出到登陆页面原因：由于前端新增了一个全屏功能，全屏是嵌入在iframe处理的，最外层看到的url是一个不变的值，页面实际在iframe中跳转，同时需要满足刷新浏览器保持弹出层不关闭
小鱿鱼Gun神·2021-06-04 12:42
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他