2019-11-17

一、layui图标使用方法

使用字符实体,将字符实体放入容器标签中,给容器标签一个layui-icon的样式。

直接使用样式。

不管使用字符实体的方式还是使用样式的方式都需要给“layui-icon”这个样式

容器标签:可以存放其他标签的标签,例:div、p、ul、li.......等等  不属于容器标签的例如:input,img等

二、layui按钮使用

只要在容器标签中给出按钮样式即可,例如<p class="layui-btn-sm">按钮</p>,就会显示出一个名字叫按钮的按钮

必要样式:layui-btn

相关样式:layui-btn-primary 原始

                   layui-btn-normal 百搭

                   layui-btn-warm   暖色

                   layui-btn-danger 警告

                   layui-btn-disabled禁用

按钮大小:layui-btn-lg 大型按钮

layui-btn-sm 小型

layui-btn-sm微型

圆角按钮加:layui-btn-radius

按钮组在外层容器中加上样式:layui-btn-group

layui中所有样式可混合使用,例如<button class="layui-btn-sm layui-btn-danger">按钮</button> 呈现的是小型警告按钮

三、

按钮和图标混合使用<button class="layui-btn-sm layui-btn-danger layui-icon layui-icon-tread">踩</button>

jquery中的this是dom对象

layer弹出层回调函数是success,在弹出成功后执行

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容