LAYUI - 随笔分类 - 小馬過河﹎

layui多文件上传表格

摘要：{layout name="layout" /} <style> .ellipsis-cell { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .fixed-table { table-layout: fixed 阅读全文

posted @ 2025-10-25 17:03 小馬過河﹎阅读(9) 评论(0) 推荐(0)

layui静态表格防止被内容撑开变形

摘要：.ellipsis-cell { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .fixed-table { table-layout: fixed; } <table class="layui-table fix 阅读全文

posted @ 2025-10-25 16:59 小馬過河﹎阅读(10) 评论(0) 推荐(0)

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 小馬過河﹎阅读(180) 评论(0) 推荐(0)

摘要：![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 小馬過河﹎阅读(27) 评论(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 小馬過河﹎阅读(91) 评论(0) 推荐(0)

layui 数据表格单元格展开时的内容自动换行

摘要：.layui-table-tips-main { white-space: pre-wrap; } 阅读全文

posted @ 2022-09-09 10:37 小馬過河﹎阅读(286) 评论(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 小馬過河﹎阅读(271) 评论(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 小馬過河﹎阅读(312) 评论(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 小馬過河﹎阅读(117) 评论(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 小馬過河﹎阅读(279) 评论(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 小馬過河﹎阅读(440) 评论(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 小馬過河﹎阅读(785) 评论(0) 推荐(0)

小馬過河﹎

随笔分类 - LAYUI