弹出层

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

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

若依框架前端新增页面组件（对应文件夹RUOYI-UI

公司安排接手一个在若依框架基础上后台管理系统，分享一下前端（注意是前端人员）的接手遇到的问题（需要若依前后端分离视频滴滴看到回复免费）一、新增目录1、选择菜单管理弹出层如图2、刷新页面，这时左侧已经有刚生成的目录名了
江南永保春·2021-05-31 19:00

vue中禁止页面滚动/滚动事件穿透-弹出蒙版时弹出层下面还可以滚动问题解决

弹出层时，蒙版下还可以滚动页面移动端在蒙层所在div上加@touchmove.preventPC端弹层显示时调用stopMove()停止页面滚动，弹层消失时调用Move()开启页面滚动//停止页面滚动stopMove
JackieDYH·2021-05-26 17:00

nuxt+vue+vant --- SSR- h5 公共底部弹出层组件

本博客是为了记录自己的组件，方便学习和使用，组件是在vant的基础上二次封装，之前还写了一个自己手写的弹出层公共组件，详情移步vue-cli移动端底部弹出菜单动画效果参数名类型说明is_showpopupboolean
郝艳峰Vip·2021-05-21 09:24

基于MVC+EasyUI的Web开发框架经验总结（17）--布局和对话框自动适应大小的处理

在我自己的《Web开发框架》中，用了很多年的EasyUI，最新版本EasyUI为1.4.5，随着版本的更新，其很多功能得到了很大的完善和提高，同时也扩展了一些新的功能，以前在布局和对话框弹出层的自动适应大小的问题
伍华聪_开发框架·2021-05-18 01:24

自己动手写一个自定义弹出框-MGPopController

images.png一、为什么要写项目中经常会用到一些弹出层来展示一些信息，可能还会需要提供一到两个操作按钮来执行某些操作，一般情况我们都可以用系统自带的控件UIAlertController（iOS8
是的蛮大人·2021-05-16 18:26

从零开始设计搭建ios App框架（九）

遮罩层设计首先看两个设计E0C3E5AE-A5DC-482B-8F20-7F88011CA259.pngF023E267-158F-41DA-B087-535A533877C5.png类似这种弹出层，我相信
潇水渔翁·2021-05-16 08:48

使用Vant完成DatetimePicker 日期的选择器操作

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

2021-05-12大事件项目第二天

一、layui的弹出层1.提示框弹出层varlayer=layui.layerlayer.msg("提示信息")2.询问弹出层varlayer=layui.layerlayer.confirm('提示信息
大刀劈向鬼子·2021-05-14 20:42

web前端学习攻略

JS基本特效：常见特效、例如：tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。JS高级特征：
王钰峰·2021-05-08 20:41

vue模拟原生app中物理回退键关闭当前弹出层

在原生app中，通过监听物理回退键可以对当前弹出层进行关闭，再次点击会回退到上一个页面，这次介绍一下vue中如何实现类似的效果实现这一效果所需要的原料弹出层这里的弹出层已mint-ui的pupup为例子通过一个
发发呆哟·2021-05-08 14:07

关闭bootstrap弹出层同时关闭video

关闭bootstrap弹出层同时关闭video利用bootstrapmodal组件制作弹窗视频，会有个问题，关闭modal框后，视频还是继续播放的，modal和视频是相互独立的，需要单独关闭：video
null_su·2021-05-07 20:52

在react-antd中弹出层form内容传递给父组件的操作

我就废话不多说了，大家还是直接看代码吧~子组件：//jshintesversion:6importReact,{Component}from'react';import{Form,Input}from'antd';constFormItem=Form.Item;classFormsextendsComponent{getItemsValue=()=>{//3、自定义方法，用来传递数据（需要在父组件
·2021-04-28 18:30

后台管理项目总结三 富文本插件；弹出层的使用；定义参数对象；layui中的jump函数；

---------------------文章类别-------------------1.1点击编辑按钮展示修改文章分类的弹出层为编辑按钮添加btn-edit类名如下：编辑定义修改分类的弹出层：分类名称分类别名确认修改通过代理的形式
Hyman-ya·2021-04-20 23:29
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他