随笔分类 -  LAYUI

layui多图片上传
摘要:<div> <button type="button" class="layui-btn" id="mulUpload">图片上传</button> <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px 阅读全文

posted @ 2023-02-18 10:36 小馬過河﹎ 阅读(148) 评论(0) 推荐(0) 编辑

layer.alert|layer.msg图标
摘要:![image](https://img2022.cnblogs.com/blog/316407/202209/316407-20220909105409547-1638618656.png) ![image](https://img2022.cnblogs.com/blog/316407/202209/316407-20220909105413749-446560884.png) ![image 阅读全文

posted @ 2022-09-09 10:55 小馬過河﹎ 阅读(14) 评论(0) 推荐(0) 编辑

layui layedit
摘要:<textarea id="edit" name="article_content" style="display: none;" >{$row[article_content]}</textarea> layui.use(['layedit'], function () { var 'form', 阅读全文

posted @ 2022-09-09 10:52 小馬過河﹎ 阅读(71) 评论(0) 推荐(0) 编辑

layui 数据表格 单元格展开时的内容自动换行
摘要:.layui-table-tips-main { white-space: pre-wrap; } 阅读全文

posted @ 2022-09-09 10:37 小馬過河﹎ 阅读(259) 评论(0) 推荐(0) 编辑

layui 搜索栏 checkbox 样式
摘要:.layui-form .layui-form-checkbox { height: 38px; line-height: 38px; } .layui-form .layui-form-checkbox i { height: 36px; } 提交表单时必须显式设置checkbox的值,否则会滞留 阅读全文

posted @ 2022-09-09 10:03 小馬過河﹎ 阅读(253) 评论(0) 推荐(0) 编辑

layui 在数据表格中显示rate星级 & 设置最低分
摘要:{ title: '评价' , field: 'report_score' , align: 'right' , width: 200 , templet: function (d) { return '<div id="score' + d.report_id + '" title="' + d. 阅读全文

posted @ 2022-09-09 09:29 小馬過河﹎ 阅读(268) 评论(0) 推荐(0) 编辑

layui多图上传(表单)带查看
摘要:HTML <div class="layui-form-item"> <div class="layui-form-label">banner</div> <div class="layui-input-inline"> <input name="fair_banner" value="{$row[ 阅读全文

posted @ 2022-09-09 09:09 小馬過河﹎ 阅读(100) 评论(0) 推荐(0) 编辑

vue使用layui上传
摘要:问题在于vue渲染多个虚拟dom无法触发layui.upload.render()方法,解决方案为:点击上传按钮的容器时删除dom并重新渲染。 核心代码 <div class="layui-form-item"> <div class="layui-form-label">图片附件</div> <d 阅读全文

posted @ 2022-09-08 17:12 小馬過河﹎ 阅读(259) 评论(0) 推荐(0) 编辑

layui表格自动换行相关css和js
摘要:<style> .layui-table-cell { height: auto; overflow: visible; text-overflow: inherit; white-space: normal; word-break: break-all; } .layui-table-cell a 阅读全文

posted @ 2022-09-08 11:39 小馬過河﹎ 阅读(407) 评论(0) 推荐(0) 编辑

layui主动触发表单控件事件select|checkbox|radio
摘要:### 以radio为例,监听事件的代码为: ```javascript form.on('radio(filter)', function (data) { // dosomething }) ``` ### 主动触发事件: ```javascript $('#radioID').next().t 阅读全文

posted @ 2022-09-08 11:15 小馬過河﹎ 阅读(585) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示