Layui笔记

原創 心如墙壁 2019-07-10 17:23

1、在表单中使用

class="layui-input-inline"

来缩短间隔，使得排版更好看。

而使用layui-inline可以使得div不换行

發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

记录layui使用之弹出层

layui官方彈出層文檔 https://www.layui.com/doc/modules/layer.html#use 記錄layui彈出層使用 導入以下兩個js <script th:src="@{/lib/layuiadm

XIAIANAN 2020-07-08 10:04:47

layui.open弹出层高度过高，内容显示不全方法。

layui.open彈出層高度過高，內容顯示不全方法。 看到網上有說把css去掉的，但我沒有使用，主要考慮同頁是否也會出現錯誤。所以直接在頁面中使用js來處理。 思路：獲取到當前ifream窗體的高度。然後在由這個高度減去一點的高

qq_28761593 2020-07-08 02:31:50

layui 上传视频

html  <div class="layui-form-item"> <label class="layui-form-label">上傳視頻</label> <button type="button" cla

谁还不是块小饼干 2020-07-06 23:50:06

layui数据表格，行固定，列不固定的表格

行固定，列不固定的數據表格 如下圖所示，佔比不變，列的年份根據選擇變化 var cols = new Array(); //列名 var param = new Object(); param.field = 'zb';

XIAIANAN 2020-07-08 10:40:33

layui中数据表格，删除，修改，获取选中行数据进行处理

<table id="demo" lay-filter="test" class="layui-table"> </table> var data = [[${times.data}]]; var count = [[${time

XIAIANAN 2020-07-08 10:04:48

layui下拉选及在layui中使用bootstrap下拉选

<select id="slpk1" data-live-search="true" lay-ignore multiple class="selectpicker" data-size="6" data-max-options

XIAIANAN 2020-07-08 10:04:47

记录layui使用之laydate

laydate官方文檔 https://www.layui.com/doc/modules/laydate.html 記錄layui框架laydate的使用 日期範圍 <div class="layui-inline">

XIAIANAN 2020-07-08 10:04:47

记录layui使用之checkbox

具體示例圖片如下，點擊全選，選中全部選項，再點一下全選取消選中，點擊反選，選中所有當前爲選中選項 前臺代碼如下 class=“layui-form” 這個一定要寫否則checkbox渲染不出來，同時select的監聽也會失效

XIAIANAN 2020-07-08 10:04:47

layui联动下拉选的封装

<div class="layui-inline"> <label class="layui-form-label">場 站：</label> <div class="layui-input-inline"

XIAIANAN 2020-07-08 10:04:45

iframe渲染表单数据

iframe渲染表單數據 父層頁面調用子層頁面時，利用iframe的形式打開頁面，父層與子層之間傳遞數據 父層頁面 //layui窗口打開一個iframe layer.open({ type: 2 ,ti

JEROCHAN 2020-07-08 07:14:00

layui实现空气日历动态日期变色

最近用layui製作webapp中遇到這麼一個需求，動態變化日曆的顏色，如下圖： 代碼如下： <title>空氣質量日曆</title> <style type="text/css"> #air-calendar-layda

满天心 2020-07-08 00:38:28

layui表格时间显示格式

,{field:'createtime', width:200, title: '創建時間', sort: true, minWidth: 100, templet: "<div>{{layui.util

airuoflora 2020-07-07 22:44:50

laui select 下拉框值不改变

<div class="layui-inline layui-form"> <label class="layui-form-label">商品類型：</label

一江水_1210 2020-07-07 19:11:43

layui 切换卡和table渲染

<div class="layui-tab layui-tab-brief" lay-filter="test1"> <fieldset class="layui-elem-field l

一江水_1210 2020-07-07 17:53:38

layui中左右穿梭框的使用

使用左右穿梭框的時候，layui引用layui.all.js，這樣不用再加thirdlib/transfer.js，可以直接調用modules下的

不吃草的程序猿 2020-07-07 16:36:47