专栏首页web秀PC/移动端弹出层插件之layer

PC/移动端弹出层插件之layer

还在自己写弹出层吗?亲,我来解决你的烦恼,为你推荐一款多样性、易集成的插件:layer

layer是什么?

layer是一款近年来备受青睐的web弹层组件,她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验。layer兼容了包括IE6在内的所有主流浏览器。

layer提供哪些弹出层样式?(以下图片左侧是代码,右侧是效果)

(1)、提示层、询问层

(2)、小小tips层(取代title)

(3)、页面层、iframe层

(4)、加载层、loading层 (5)、相册层 (6)、tab层(tabbar) 等等。

提过多种皮肤,如果觉得不够爽,完全可以自定义。

提供完整的api

实现代码

(1)、html代码中引入layer.js (2)、直接调用,如:

//询问框
layer.confirm('您是如何看待前端开发?', {
  btn: ['重要','奇葩'] //按钮
}, function(){
  layer.msg('的确很重要', {icon: 1});
}, function(){
  layer.msg('也可以这样', {
    time: 20000, //20s后自动关闭
    btn: ['明白了', '知道了']
  });
});

是不是很简单了? 看我讲了半天,想一睹为快了吧,快点击吧http://layer.layui.com/ 或者百度一下layer,进去也是可以的。

同时LayUI还提供很多前端插件,如分页组件(layPage)、日期组件(layDate)、javascript模板引擎(layTpl)和layIM,都是很好的插件,推荐大家学习。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • VUE开发一个组件——Vue tree树形结构

    通过computed计算hasChild属性,判断当前级别是否还有children,有继续循环组件,依次执行下去,直到没有找到children结束。点击每个it...

    Javanx
  • 用Flutter构建漂亮的UI界面 – 基础组件篇

    Flutter作为时下最流行的技术之一,凭借其出色的性能以及抹平多端的差异优势,早已引起大批技术爱好者的关注,甚至一些闲鱼,美团,腾讯等大公司均已开始使用。虽然...

    Javanx
  • JavaScript深入学习this、call、apply和bind

    this的指向问题一直是面试里的常客。也是es5的众坑之一。对于es6而讲,它极大地避免了this带来的错误。但是为了为了维护一些老代码,还是有必要了解this...

    Javanx
  • CAGradientLayer颜色渐变器

    下面是我用上面的代码实现的最终效果,startPoint是(0,0),endPoint是(1,1)。

    周希
  • layer关闭弹窗

    layer.close(index); //此时你只需要把获得的index,轻轻地赋予layer.close即可

    似水的流年
  • python-分解多列表嵌套

        for first_layer in lists:         if isinstance(first_layer,list):          ...

    用户2398817
  • 音频算法之小黄人变声 附完整C代码

    前面提及到《大话音频变声原理 附简单示例代码》与《声音变调算法PitchShift(模拟汤姆猫) 附完整C++算法实现代码》

    cpuimage
  • iOS 视图,动画渲染机制探究

    终端的开发,首当其冲的就是视图、动画的渲染,切换等等。用户使用 App 时最直接的体验就是这个界面好不好看,动画炫不炫,滑动流不流畅。UI就是 App 的门面,...

    QQ音乐技术团队
  • iOS 视图,动画渲染机制探究

    终端的开发,首当其冲的就是视图、动画的渲染,切换等等。用户使用 App 时最直接的体验就是这个界面好不好看,动画炫不炫,滑动流不流畅。UI就是 App 的门面,...

    腾讯Bugly
  • 《互联网群组信息服务管理规定》今日施行

    互联网群组信息服务管理规定 第一条 为规范互联网群组信息服务,维护国家安全和公共利益,保护公民、法人和其他组织的合法权益,根据《中华人民共和国网络安全法》《国务...

    安智客

扫码关注云+社区

领取腾讯云代金券

玩转腾讯云 有奖征文活动