
layui
码奴生来只知道前进~
生而为人 谁不付出 谁不努力
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Layui 省市三级联动插件
<!doctype html><html lang="zh"><head><meta charset="utf-8"><title>省市三级联动</title><link href="layui/css/layui.css" rel="stylesheet" /><script src="lay...原创 2020-04-13 09:42:18 · 1384 阅读 · 2 评论 -
Layui 时间工具集--那天时间还是对我动了手 走过路过 不点进来看看嘛
今天给大家介绍一下layui将一些工具性元素放入util模块中,以供选择性使用。其内部由多个小工具组件组成,他们也许不是必须的,但很多时候却能为你的页面提供良好的辅助作用。下面为大家一一的写了demo来解读1:结束时间距离当前时间相差多久 1.1官方文档说明 这是一个精致的封装,它并不负责 UI 元素的呈现,而仅仅只是返回倒计时的数据,这意味着你可以将它应用在任何...原创 2020-03-26 11:35:58 · 786 阅读 · 0 评论 -
Layui:信息流加载和图片懒加载
生而为人 谁不付出 谁不努力本篇文章主要讲述了是使用第三方插件layui中是流加载模块,该模块包含信息流加载和图片懒加载两大核心支持,无论是对服务端、还是前端体验,都有非常大的性能帮助。你可能已经在太多的地方看到她们的身影了,但不妨现在开始,体验一下Layui更为简单和高效的Flow吧。使用flow模块包含两个核心方法,如下所示:codelayui.codelayui.u...原创 2020-03-20 14:19:43 · 2890 阅读 · 4 评论 -
layui.code使用方法
很多时候我们需要展示一些代码在页面上,这个时候就可以使用到layui.code方法来快速的实现<pre class="layui-code">//代码区域var element = layui.element;var table = layui.table;var form = layui.form;var laydate = layui.laydate;layui....原创 2020-01-16 14:41:52 · 3017 阅读 · 1 评论 -
layui带输入的选择框 获取用户输入的值or选择的值
你不分享 我不分享 如何学习 如何前进 如何强大1:先实现一个选择框 和开启输入的功能<div class="layui-input-inline layui-show-xs-block" id="select"> <select name="city" lay-verify="" lay-search> <option value...原创 2020-01-14 15:04:39 · 3702 阅读 · 0 评论 -
layui 进度条 设置刻度
注意进度条依赖 element 模块,否则无法进行正常渲染和功能性操作<div class="layui-progress layui-progress-big" lay-showpercent="true" lay-filter="number"> <div class="layui-progress-bar layui-bg-red" lay-percent="...原创 2020-01-09 13:41:25 · 2377 阅读 · 8 评论 -
Jquery实现 定义一个时间 然后和当前时间比较计算相隔时间信息
个人博客为了记录一下到底时间运行了多久时间$(function () { playRunTimeStr(startTime, serverTime, '#runtime');});//运行时间var serverTime = new Date();var startTime = new Date(2019, 10, 30); //开始时间 js月份从0开始;/** ...原创 2019-12-05 16:06:27 · 906 阅读 · 0 评论 -
layui table数据列表 列使用下拉选择框
<script type="text/html" id="href"> <div class="layui-input-inline"> <select name="quiz2"> <option value="">请选择性别</option> <option value="男"...原创 2019-11-19 16:28:30 · 3777 阅读 · 7 评论 -
layui 查看相册层 点击图片 和点击按钮
<div id="layer-photos-demo" class="layer-photos-demo"> <img layer-pid="image1" layer-src="image/1.png" src="image/1.png" alt="飞云之下" title="飞云之下" height="250"> <img layer-pid="image...原创 2019-10-24 12:32:28 · 3131 阅读 · 0 评论 -
使用了layui 页面点击新增tab
1:新打开一个页面&增加一个tab(iframe页面中打开tab事例)parent.xadmin.add_tab('在tab打开','https://www.baidu.com',true)去掉方法里面的参数true就是 : iframe页面中打开tab事例(重复点击不刷新)2:在上一级窗口打开新页面parent.xadmin.open('在上一级窗口打开open事件',...原创 2019-10-18 14:14:12 · 4322 阅读 · 0 评论 -
上传图片 裁剪工具 cropper工具类
需要使用layui配合使用开发<div class="layui-form-item" style="margin-left:110px"> <div class="layui-upload"> <div class="layui-upload-list">...原创 2019-09-30 11:57:43 · 429 阅读 · 0 评论 -
使用 layui实例多个时间控件选择方法
1、原始写法 多个时间控件选择 定义不同的ID或者样式 来实例化//执行一个laydate实例 laydate.render({ elem: '#start' //指定元素 });2、同时多个绑定实例化时间控件 lay(".你的样式") 实现思路 找到所有input 然后循环实例//同时绑定多个 时间控件 lay('.date').each(fu...原创 2019-09-18 14:39:10 · 4139 阅读 · 0 评论 -
x-admin 菜单栏 数据组装
var data_list = [ { "id": 1, "parentid": -1, "title": "管理员", "icon": null, "spread": "true", "href": "#", "children": [ { ...原创 2019-08-21 13:19:18 · 1268 阅读 · 0 评论 -
layui动态赋值下拉框不显示
var table="";for ( var i = 0; i < list.length; i++) {var select = "";if(list[i].groupId == groupId ){select = "selected";}table+= ' <option value='+list[i].groupId+' selected='+select+'&g...原创 2019-08-14 10:17:12 · 1422 阅读 · 1 评论