layer是一款近年来口碑非常不错的web弹层组件，她具备全方位的解决方案，致力于服务各个水平段的开发人员，您的页面会轻松地拥有丰富友好的操作体验。在与同类组件的比较中，layer总是能轻易获胜。她尽可能地在以更少的代码展现更强健的功能，且格外注重性能的提升、易用和实用性，正因如此，越来越多的开发者将媚眼投上了layer。layer兼容了包括IE6在内的所有主流浏览器。 她数量可观的接口，使得您可
原创
2016-10-22 10:51:24
836阅读
转载
2021-10-14 18:05:16
10000+阅读
id - 用于控制弹层唯一标识类型：String，默认：空字符设置该值后，不管是什么类型
原创
2022-03-24 17:40:49
429阅读
tips - tips方向和颜色类型：Number/Array，默认：2tips层的私有参数。支持上右下左四个方向，通过1-4进行方向设定。如tips: 3则表示在元素的下面出现。有时你还可能会定义一些颜色，可以设定tips: [1, '#c00']tipsMore - 是否允许多个tips类型：Boolean，默认：false允许多个意味着不会销毁之前的tips层。通过tipsMor...
原创
2021-07-07 16:25:50
321阅读
btn - 按钮类型：String/Array，默认：‘确认’信息框模式时，btn默认是一个确认按钮，其它层类型则默认不显示，加载层和tips层则无效。当您只想自定义一个按钮时，你可以btn: ‘我知道了’，当你要定义两个按钮时，你可以btn: ['yes', 'no']。
原创
2021-07-07 16:26:16
311阅读
我们提到的基础参数主要指调用方法时用到的配置项，如：layer.open({content: ''})layer.msg('', {time: 3})等，其中的content和time即是基础参数，以键值形式存在，基础参数可合理应用于任何层类型中，您不需要所有都去配置，大多数都是可选的。
原创
2021-07-07 16:26:57
352阅读
maxWidth - 最大宽度类型：Number，默认：360请注意：只有当area: 'auto’时，maxWidth的设定才有效。maxHeight - 最大高度类型：Number，默认：无请注意：只有当高度自适应时，maxHeight的设定才有效。zIndex - 层叠顺序类型：，默认：19891014一般用于解决和其它组件的层叠冲突。move - 触发拖动的元素类...
原创
2021-07-07 18:04:49
454阅读
使用场景 由于layer可以独立使用，也可以通过Layui模块化使用。所以请按照你的实际需求来选择。 场景用前准备调用方式 1. 作为独立组件使用 如果你只是单独想使用 layer，你可以去 layer 独立版本官网下载组件包。你需要在你的页面引入jQuery1.8以上的任意版本，并引入layer.
原创
2022-03-18 17:21:44
1149阅读
tips - tips方向和颜色类型：Number/Array，默认：2tips层的私有参数。支持上右下左四个方向，通过1-4进行方向设定。如tips: 3则表示在元素的下面出现。有时你还可能会定义一些颜色，可以设定tips: [1, '#c00']tipsMore - 是否允许多个tips类型：Boolean，默认：false允许多个意味着不会销毁之前的tips层。通过tipsMor...
原创
2022-03-24 17:38:44
333阅读
maxWidth - 最大宽度类型：Number，默认：360请注意：只有当area: 'auto’时，maxWidth的设定才有效。maxHeight - 最大高度类型：Number，默认：无请注意：只有当高度自适应时，maxHeight的设定才有效。zIndex - 层叠顺序类型：，默认：1014一般用于解决和其它组件的层叠冲突。move - 触发拖动的元素类...
原创
2022-03-24 17:42:47
559阅读
我们提到的基础参数主要指调用方法时用到的配置项，如：layer.open({content: ''})la
原创
2022-03-24 17:45:27
375阅读
btn - 按钮类型：String/Array，默认：‘确认’信息框模式时，btn默认是一个确认按钮，其它层类型
原创
2022-03-24 17:44:51
388阅读
id - 用于控制弹层唯一标识类型：String，默认：空字符设置该值后，不管是什么类型的层，都只允许同时弹出一个，一般用于页面层和iframe层模式。anim - 弹出动画类型：Number，默认：0我们的出场动画全部采用CSS3。这意味着除了ie6-9，其它所有浏览器都是支持的。目前anim可支持的动画类型有0-6 如果不想显示动画，设置 anim: -1 即可。另外需要注意的是，...
原创
2021-07-07 16:26:02
349阅读
vue 弹出层这些都是我做移动端经常用到的的弹出层，四种弹出层，分别默认值type 0 1 2 这是一个组件 layer.vue代码：<layer ref="layer"></layer>
import layer from '@/components/layer/layer'1、加载中1. 加载中 默认open() 中没有参数 默认 type: 0 // type 0
l
转载
2024-06-12 22:47:39
0阅读
一.话不多，先上效果： 大家好呀，好久不见，最近还好吗？今天分享个vue封装弹框组件的内容，并全局注册它，虽然内容比较简单，但是刚入门vue的小伙伴可以友好的了解组件封装思想~ （最后有完整源码）基本效果：弹框里内容可以自定义内容放入标签等：二.具体实现：1.先确定弹框组件有什么功能：<SpringFrame
:title="'江湖'"
:isShow="true"
转载
2024-08-28 16:33:16
192阅读
VUE想要实现一个普通弹窗，想必对于大部分前端开发者来说实现起来都是非常简单一件事情，但是如果说要封装某一个具体需求效果，可能就难倒不少同学 ，由此可见 从实现到封装这个过程是非常考验个人能力的！ 普通弹窗无非就是新建弹窗文件 引用注册 提供一些数据 再加上某些函数 就能写好一个弹窗组件在页面使用 <templat
转载
2024-04-18 08:52:01
206阅读
首先我们需要写一个弹窗子组件：children.vue第一个问题：子组件是显示父组件的提示信息的，并且有确认与取消按钮！那如何由父组件自己去定义写入子组件的HTML元素：子组件里用来接受父组件自己写入的HTML第二个问题：子组件的高度是根据父组件写入的HTML自动变化宽度和高度的，那我们都知道弹窗必然是固定居中在页面中央的，对于自动变化的宽高盒子我们如何居中：首先position：fixed;固定
原创
2021-05-20 08:10:49
666阅读
vue局部组件开发的大致思路
最近一直学习vue，跟着视频敲代码，敲了两三个组件后，终于对编写组件有一个大致的思路了，以下通过编写一个alert提示框组件大致梳理一下我编写组件的思路。主要分为三个部分：组件引入(注册路由器)、定义组件内容样式及实现组件间通信。 (注册路由器使用路由组件也可放到最后一步，个人习惯先引入然后定义组件及样式便于观察组
转载
2024-01-01 19:26:01
87阅读
this.$showModal({ show: true, obj: { title: '温馨提示', dialog_msg: '测试测试测试测试', button_confirm: '确定', button_cancel: '取消', }, onClick: (val) => { ...
原创
2022-07-25 16:31:13
198阅读
项目简介是一个基于 Vue.js 的 UI 组件库，它是 Ant Design 设计语言在 Vue 生态中的实现，致力于提供高质量的前端开发解决方案。该项目由 Ant Financial 开源，与 Ant Design React 版本保持一致的设计理念和组件体系，为 Vue 开发者带来了与之相媲美的开发体验。技术分析组件丰富Ant Design Vue 包含了大量的 UI 常见组件，如表格、按钮
