layui-font-red (红色字体) layui-font-orange (橙色字体) layui-font-green (绿色字体) layui-font-cyan (青色字体) layui-font-blue (蓝色字体) layui-font-black (黑色字体) layui-font-gray (灰色字体) class命名前缀:layui,连接符:-,如:class="layui-form" ...
layui.use('layer',function(){varlayer=layui.layer;layer.open({type:0})}) layer提供了5种层类型,分别为0~4,默认为0。其对应形式如下: 2、title-标题 类型:String/Array/Boolean,默认:‘信息’ String:标题文本 Array:例如title: [‘文本’, ‘font-size:18px;’],数组第二项可以写任意CSS样式 Boo...
<div class="demo-login-container"> <div class="layui-card-header layui-font-red layui-font-20" style="margin-top: -16px;text-align: center;">警告</div> <div class="layui-card-body layui-font-red layui-font-16">删除学校基础信息,将同步删除系统相关联的数据表信息!</div> <div cl...
通过对一个内联元素(一般推荐用i标签)设定class="layui-icon",来定义一个图标,然后对元素加上图标对应的font-class(查看手册获取图标的类),即可显示出你想要的图标。 示例: <i class="layui-icon layui-icon-face-smile" style="font-size: 30px; color: #1E9FFF;"></i> 效果: 演示: 效果: 天发现...
<i class="layui-icon" id="rpwr" style="color: red; font-weight: bolder;" hidden>ဆ</i></div></div><div class="layui-input-inline login-btn" style="width: 85%"><button type="submit" lay-submit lay-filter="sub" class="layui-btn">注册</button>...
font-size: 12px; color: #999; } .layui-form-select dl dd.layui-this { background-color: #2d8cf0; color: #fff; } .layui-form-checked, .layui-form-checked:hover { border-color: #2d8cf0; } .layui-form-checked span,.layui-form-checked:hover span { ...
1. 图标 layui 的所有图标全部采用字体形式,取材于阿里巴巴矢量图标库(iconfont)。因此你可以把一个 icon 看作是一个普通的文字,这意味着你直接用 css 控制文字属性,如 color、font-size,就可以改变图标的颜色和大小。你可以通过font-class或unicode来定义不同的图标。LayUi官网图标文档:https://www.layui....
//1、检查用户的最终选择是什么 var rule_course_id = storage.getItem("rule_course_id"); //2、保存 var data = { "select_person_id_array": storage.getItem(select_person_id_array), "rule_course_id": rule_course_id, }; $.ajax({ ...
<style> .score { color: red; font-weight: bold; } </style> 复制代码 在上面的例子中,我们定义了.score类的样式,将分数数据显示为红色并加粗。 最后,你需要使用Layui的表格组件来渲染表格。例如: layui.use('table', function(){ var table = layui.table; // 渲染表格 table.render({ elem: '#...
* 若你采用layer.open({type: 1})方式调用,则type为必填项(信息框除外) * * title (String|Array|boolean) * title支持三种类型的值,若你传入的是普通的字符串,如title :'我是标题',那么只会改变标题文本; * 若你还需要自定义标题区域样式,那么你可以title: ['文本', 'font-size:18px;'], * 数组...