layui
一个喜欢前端的小白,钟爱layui的种种
慕斯-ing
行云流水敲码,凡尘俗世皆空,敲着代码品茶,感受趣味时光......
展开
-
layuiAdmin之iframe版部署到ThinkPHP6.0中
1、下载layuiAdmin框架,layui官网2、解压缩后发现有这么多文件,运行:直接运行模板文件即可: dist/views/index.html目录:dist/ 经过打包压缩后的文件,一般用于正式环境使用src/ 源代码,一般用于开发环境构建项目可采用 gulp 构建,gulpfile.js 是任务脚本,package.json 是任务配置文件step1:确保你的电脑已经安装好了 Node.jsstep2: 命令行安装 gulp:npm install gulp -gst原创 2021-08-29 02:00:21 · 1309 阅读 · 0 评论 -
Layui之徽章和面板的使用
样品图展示:部分源码展示: <div class="layui-col-md6" > <!--数据处理--> <div class="layui-row layui-col-space15" > <div class="layui-bg-white"> <div class="layui-row原创 2021-08-27 22:25:31 · 402 阅读 · 0 评论 -
iconfont-阿里巴巴矢量图标库在layui中的使用
iconfont-阿里巴巴矢量图标库在layui中的使用原创 2021-08-27 22:12:03 · 643 阅读 · 0 评论 -
layui的弹出层如何自适应屏幕大小?
天干物燥,话不多说,直接上代码。第一步,定义一个变量daxiao,定义函数screen。第二步,在layer.open中的area属性中对daxiao进行判断。 <script> var daxiao=9; function screen() { //获取当前窗口的宽度 var width = $(window).width(); if (width > 1200) { ret原创 2021-06-08 14:29:26 · 2196 阅读 · 0 评论 -
layui解决数据表格右侧有空白现象
问题如图:解决方法:①一点点设置各个field对应的width,缺点:麻烦,优点:样式可根据自己需要调整,完美。 cols: [ [ {field: 'id', title: 'ID', width: '5%',hide:true,align:'center'}, {field: 'name', width: '150', title: '监控名称',align:'center'},原创 2021-05-06 11:50:44 · 2545 阅读 · 0 评论 -
thinkphp5.1+layui图片上传(前端部分.第二种)
前台展示(未开启自动上传,要手动上传)前端(亲测可用) <div class="layui-form-item"> <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;"> <legend>消毒照片上传</legend> </fieldset> <div clas原创 2021-05-05 13:59:44 · 324 阅读 · 0 评论 -
thinkphp5.1+layui图片上传(后端部分)
前台展示后端代码(亲测可用) //图片上传 public function upload(Request $request) { $file = $request->file('file'); if($file){ $info = $file->move('./uploadshw'); if($info) { $result=[原创 2021-05-05 13:48:17 · 218 阅读 · 0 评论 -
thinkphp5.1+layui图片上传(前端部分.第一种)
前端(亲测可用) <div class="layui-form-item"> <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;"> <legend>消毒照片上传</legend> </fieldset> <div class="layui-row">原创 2021-05-05 13:44:09 · 544 阅读 · 0 评论 -
Layui的switch开关传值改变状态那点事......
layui的开关按钮展示效果如下:默认传递到后台的值如下:(默认传值为on,无论是开启还是关闭状态)改变传递到后台的值:(方法一)在input中加一个属性。value=“1”,这样选中传递值1,否则传递值为2;有局限性,但方便。 <input type="checkbox" name="xd1" id="xd1" lay-skin="switch" lay-text="达标|不达标" checked value="1">(方法二)改变前台展示的默认文本值:(默认是on/off)原创 2021-05-01 22:00:44 · 7664 阅读 · 6 评论 -
Trying to access array offset on value of type null
报错: Trying to access array offset on value of type null框架: thinkphp5.1+layui问题分析:(前台界面)(后端代码) //编辑渲染 public function edit(Request $request) { $result = RcryModel::get($request->param('bh')); $this -> view -> assign('原创 2021-04-23 11:56:18 · 23325 阅读 · 2 评论 -
layui日期和时间选择器组件点击跳闪怎么办?
问题: 点击日期和时间选择器会跳闪,无法选择日期。解决:代码①如下图所示:代码②如下图所示:代码③如下图所示:注意:直接从layui官网拷贝的代码,部分无trigger:'click’属性,添加该属性即可解决跳闪问题。...原创 2021-04-19 15:21:34 · 594 阅读 · 0 评论