LayUI
佳佳鸽
这个作者很懒,什么都没留下…
展开
-
Layui下拉多选框
layui+xmSelect下拉多选框的实现原创 2023-07-24 11:25:45 · 4674 阅读 · 1 评论 -
layui+drogon完成文件上传(简例)
layui+drogon实现文件上传,并用进度条显示进度原创 2023-07-24 11:23:43 · 640 阅读 · 0 评论 -
layui添加第三方图标
layui添加第三方图标原创 2023-01-31 11:29:12 · 1009 阅读 · 0 评论 -
layui select/switch布局设置
layui select布局设置layui switch布局设置原创 2022-09-26 16:28:38 · 505 阅读 · 0 评论 -
Layui常用模块的介绍与使用
Layui官网: https://www.layuion.com/Layui文档:https://www.layuion.com/doc/element/form.htmllayui(谐音:类 UI) 是一套开源的 Web UI 解决方案,采用自身经典的模块化规范,并遵循原生 HTML/CSS/JS 的开发方式,极易上手,拿来即用。其风格简约轻盈,而组件优雅丰盈,从源代码到使用方法的每一处细节都经过精心雕琢,非常适合网页界面的快速开发。layui 区别于那些基于 MVVM 底层的前端框架,却并非逆道而行原创 2022-04-29 17:19:11 · 3522 阅读 · 0 评论 -
layui slider(滑块)初始化与事件监听
layui slider(滑块)事件监听(节选):html部分:首先在对应位置,直接插入一个滑块对应的id号<div id="my_slider"></div>JS部分:通过id号,进行滑块的初始化与监听:layui.slider.render({ elem:'#my_slider' ,value:50 ,input:true ,min:2800 ,max:6500 ,change: function(val){原创 2022-03-19 11:42:16 · 1650 阅读 · 0 评论 -
layui button(按钮)图标、颜色切换
layui button(按钮)图标、颜色切换(节选):按钮默认图标、颜色效果:按钮点击后图标、颜色效果:html部分:<button class="layui-btn layui-btn-danger" id="LAY-preview_enable-button-submit"><i id="preview_enable" class="layui-icon layui-icon-pause"></i></button>JS部分:监听按钮点原创 2022-03-19 11:19:31 · 7753 阅读 · 0 评论 -
layui table表格隐藏
layui table表格隐藏控制示例(节选):html部分(创建一个表格):<table class="layui-table" style="table-layout:fixed;" id="audio_table"> <colgroup> <col text-align=“center” width="30%"> <col text-align=“center” width="70%"> </colgroup> <tb原创 2022-03-16 15:42:47 · 5787 阅读 · 0 评论 -
layui switch(开关)状态获取与修改
layui switch(开关)状态获取与修改HTML部分<div class="layui-input-inline"> <input type="checkbox" name="my_checkbox" id="my_checkbox" lay-filter="my_checkbox" lay-text="ON|OFF" lay-skin="switch"></div>开关状态获取:$.trim($('#my_checkbox').is(":checke原创 2022-03-16 15:33:17 · 8604 阅读 · 1 评论 -
layui select(下拉框)修改事件监听
layui select(下拉框)修改事件监听示例(节选):当下拉框选项修改后,自动执行my_function函数。HTML部分:<select id="camera_stream_type" lay-filter="camera_stream_type"> <option value="1">AAA</option> <option value="2">BBB</option></select>JS部分:layui.原创 2022-03-16 15:25:12 · 7363 阅读 · 1 评论 -
layui下载图片到本地
环境: WEB端在linux系统开发板上运行,web端服务器目录在/userdata/web需求: WEB端创建一个按钮,点击按钮后会将开发板上指定目录的文件,下载到本地端(浏览器)例子: WEB端做一个拍照功能,点击按钮进行拍照并将图片保存到指定目录下(/tmp/picture.jpg),保存好后自动将图片下载到本地端.首先需要得到一个URL,直接访问打开图片,而通常能通过URL直接访问的文件需要存放在站点资源目录下.站点资源目录即为前面提到的web端服务器目录(/userdata/web),只需要原创 2022-03-08 19:44:47 · 2187 阅读 · 0 评论 -
基于Bilibili开源flv.js拉流
flv.js拉流原创 2022-01-14 18:35:49 · 1514 阅读 · 1 评论 -
LayUI-取消字符串自动换行
label的这种写法就是默认自动换行<label class="layui-form-label" >恢复出厂设置,系统自动重启</label>取消默认换行,加入属性<label class="layui-form-label custom-form-label-autowidth-left" >恢复出厂设置,系统自动重启</label>...原创 2022-01-12 17:12:29 · 1204 阅读 · 0 评论