心得经验总结:快速了解layui中layer的使用

简介: 心得经验总结:快速了解layui中layer的使用

  这两天写项目的时候用到layer,于是又把layui找出来看了看,layui确实是一个比较强大的前端框架,里面涵盖了很多的前端元素,而这对于前端的开发者来说是省了很大的麻烦,从一些页面元素到内置模块,都是采用了尽量少的代码来渲染页面,所以,我觉得自从用了layui就觉得对我的整个写项目过程中节省了不少时间。

  今天就来说说关于layui里的layer的使用,主要提及的是pc端的用法,有时间再专门聊聊关于移动这一块的,其实应该都是大同小异。

  layer说白了属于layui里的一个独立出来的弹层框架,但是由于近期layui在一直更新,所以现在的layer可以独立使用,也可以通过Layui模块化使用。所以请按照你的实际需求来选择。

一、引用场景不同  

  1、 作为独立组件使用:

  如果你只是单独想使用 layer,你可以去 layer 独立版本官网下载组件包。你需要在你的页面引入jQuery1.8以上的任意版本,并引入layer.js。

?12345引入好layer.js后,直接用即可

相关文章
|
11月前
|
前端开发 JavaScript Java
Layui之入门
Layui之入门
77 0
|
10月前
|
前端开发 JavaScript API
Layui的入门
Layui的入门
90 0
|
1天前
|
JavaScript 前端开发 开发者
Layui layer 弹出层的使用【笔记】
本文介绍了Layui的layer弹出层组件的使用方法,包括如何通过在线CDN引入Layui的CSS和JS文件,以及如何使用layer.open(options)开启弹出层和layer.close(index)关闭弹出层。文章详细说明了弹出层类型的分类、options选项的参数配置,以及回调函数的使用。通过示例代码,展示了如何创建不同类型的弹出层,包括对话信息框、页面层、内联框架层、加载层和tips层。
|
11月前
|
前端开发 JavaScript 搜索推荐
layui入门
layui入门
57 0
|
4月前
|
JavaScript 前端开发
layui使用实践总结
layui使用实践总结
80 0
|
9月前
|
前端开发 JavaScript 开发者
Layui 简单介绍及入门
Layui 简单介绍及入门
|
9月前
|
前端开发 JavaScript 开发者
Layui(入门)
Layui(入门)
59 0
|
9月前
layui模块入门
layui模块入门
63 0
|
10月前
|
XML 前端开发 Java
LayUI入门,以及介绍
LayUI入门,以及介绍
200 0
|
10月前
|
前端开发 JavaScript
LayUI基本介绍
LayUI基本介绍