front-end(layui)
文章平均质量分 55
小巷下起了雨
最求卓越,成功就会找上你!
展开
-
layui的框架导入
目录: 1.导入步骤 2.框架包含的组件1.导入步骤 1.1 下载框架包:http://www.layui.com/ 1.2 将layer文件夹拷入项目位置 1.3 页面中导入layer.js和jq即可完成配置 2.框架包含的组件原创 2017-05-26 15:12:21 · 23287 阅读 · 8 评论 -
layui内置模块(element常用元素操作)
常用元素操作是个什么鬼,从官方解释简单来说就是在页面中有一些动态的效果,当然不是我们说的动态网页那个动态,这些动态效果呢,就是通过我们去加载element模块以后,默认为页面的这些元素添加的一些动态效果,比如layui文档顶部的导航下部的小滑块的效果,看下图: 当然不仅仅包含这些,还有其他的一些比如tab的切换、折叠面板的展开与合并、二级导航的的展开与合并等等。原创 2017-06-21 13:28:17 · 48164 阅读 · 2 评论 -
layui页面元素使用(一)
目录: 1.页面元素控件的清单 2.每个控件的使用方法 1.页面元素控件的清单 2.每个控件的使用方法 2.1 字体图标 1) 在内链元素中设置 class="layui-icon" 然后设置图标的Unicode编码即可显示图标,图标的颜色和大小设置方法和css设置字体原创 2017-05-31 14:40:21 · 37430 阅读 · 1 评论 -
layer获取弹框中输入框的值
1.layer弹出修改密码输入框代码$("#changePass").click(function () { layer.open({ type: 1 ,title: "修改密码", closeBtn: 1, shadeClose:true, isOutAnim:true, area:原创 2017-08-04 15:02:24 · 11619 阅读 · 0 评论 -
layui页面元素使用(二)
前面layui页面元素使用(一)中我们已经对页面元素,按钮、表单、图标进行了简单的学习使用,接下来我们会继续学习页面元素中的“导航” “选项卡” “表格” “进度条” “面板”等等组件的使用。目录: 1.导航的使用 1.1 菜单 1.2 面包屑 2.选项卡的使用 3.表格的基本使用原创 2017-06-15 10:50:57 · 38907 阅读 · 9 评论 -
layui内置模块(layer弹出层)
前面我们已经对layui前端框架的页面元素进行了简单的学习,但是作为一个可用的程序,仅仅是长的好看,并没有那个什么用;在好看的同时还需要实用和酷炫,实用就需要实现我们方便的和后端进行数据交互,酷炫就是在安静的页面展示下,带一些酷炫的动态效果,比如弹出个萌萌弹框之类的;所以这一章我们学习的layui框架中的内置模块就是实现这些功能的,下面我们直接上一张内置模块的大纲,就不写目录了,目录看起来并没有那原创 2017-06-21 09:19:19 · 17388 阅读 · 5 评论