layui icon 使用

1.使用方法：

layer.msg('编辑内容', {icon: 编号});

icon 编号说明

icon：0

icon：1

icon：2

icon：3

icon：4

icon：5

icon：6

icon：7

具体js代码：

layui.use(['upload', 'form'], function() {var form = layui.form;var upload = layui.upload;var layer = layui.layer;//监听提交form.on('submit(submitBut)', function(data) {var len = $(".education:checked").length;if(len < 2) {$(data.elem).next().attr("class", "layui-unselect layui-form-checkbox");$(data.elem).prop("checked", false);layer.msg('最少选2项！', {icon: 0});return false;}else{layer.msg('提交成功！', {icon: 5});}return false;});form.verify({//数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]ZHCheck: [/^[\u0391-\uFFE5]+$/, '只允许输入中文']});//复选框监听form.on('checkbox(switchTest)', function(data) {layer.tips('开关checked：' + (this.checked ? 'true' : 'false'), data.othis);
//                                  //layer.tips('开关checked：' + (this.checked ? 'true' : 'false'), data.othis)});//拖拽上传upload.render({elem: '#goodsPic',url: '/upload/',done: function(res) {console.log(res)}});});

layui icon 使用相关推荐

layui弹出层：使用icon图标小结
文章目录 layui弹出层:icon图标小结表格示下: 调用代码 · 效果图 · 示下: layui弹出层:icon图标小结 layui的弹框插件layer中,有很多不同场景需要的弹框icon图标, ...
layui 给table里面的添加图标_layui怎么添加icon图标？
layui怎么添加icon图标?下面本篇文章给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. layui 的所有图标全部采用字体形式,取材于阿里巴巴矢量图标库(icon ...
【Layui】layui 自定义icon 图标
layui 自定义icon 图标 Layui 提供的图标较少,通常不能满足个性化的需求,阿里,font-awesome等提供免费的图库,那么如何扩展呢? 准备工作前提工作,自己下载好layui,注册 ...
关于layui的icon图标不显示的原因
如果你要使用layui原生的图标,但发现不显示可能是因为你把下载的layui文件中layui.css和layui.js单单提出来放到你的项目里了解决: 把文件中的Dist都引用过来
layui文本框填充值_layui框架常用输入框介绍
一.普通输入框 input *字段编号二.自动完成式输入框 1.确保 layui 引入了 autoComplete 插件. 2.确保初始化代码运行于 layui.use 的回调函数里. 3.引入 b ...
adminlte+layui框架搭建3 - layui弹出层
在amdinlte首页引入layui.js 和layui.css后添加代码 <script>layui.use(['layer'], function() {var layer =layu ...
转 layer的Icon样式以及一些常用的layer窗口使用
转载地址:http://blog.csdn.net/beauxie/article/details/60959971 本文搜集的是本人在实际开发中所用到的layer窗口,未用到的layer按钮,请参考 ...
layui关闭表格编辑_Layui表格table关闭拖拽列宽、禁用拖拽列宽
table 模块是Layui的又一走心之作,在 layui 2.0 的版本中全新推出,是 layui 最核心的组成之一.它用于对表格进行一些列功能和动态化数据操作,涵盖了日常业务所涉及的几乎全部需求. ...
layui table 分页记住之前勾选的数据
<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8" ...

layui icon 使用

layui icon 使用相关推荐

最新文章

热门文章