layUI学习第七日：layUI颜色与图标

layUI颜色

　　1.layUI内置了7种颜色:

　　

layUI图标

　　layui 的所有图标全部采用字体形式，取材于阿里巴巴矢量图标库（阿里巴巴矢量图库里面有很多小图标）。可以通过 font-class 或 unicode 来定义不同的图标。

  1. 从 layui 2.3.0 开始，支持 font-class 的形式定义图标：
  2. <i class="layui-icon layui-icon-face-smile"></i>

　　查看layUI内置图标：https://www.layui.com/doc/element/icon.html

原文地址：https://www.cnblogs.com/chenting-personal/p/12145049.html

时间： 2024-10-04 17:29:56

layUI学习第七日：layUI颜色与图标的相关文章

layui学习--tab选项卡

var element; var $; layui.use(['element','jquery'],function(){ element = layui.element, $ = layui.jquery; //监听左侧菜单点击 element.on('nav(left-menu)', function(elem){ alert(elem.context.attributes+"sss"); addTab(elem[0].innerText,elem[0].attributes[1

android:修改PagerTabStrip中的背景颜色，标题字体的样式、颜色和图标以及指示条的颜色

1.修改PagerTabStrip中的背景颜色 我们在布局中直接设置background属性即可: <android.support.v4.view.ViewPager android:id="@+id/pager" android:layout_width="fill_parent" android:layout_height="fill_parent" > <android.support.v4.view.PagerTabS

qt学习（三）：鼠标图标改变

qt学习 (三):鼠标图标改变 当你进入一个美好的qt软件场景,比如游戏,电脑的黑白图标会让程序逊色不少, 1改图标要加光标的头文件, 2 载入光标图, 3 再设置改光标就可以了 1在头文件中加 #include <QtGui>  //光标类的父类 //再在public成员中声明换的函数void keyPressEvent(QKeyEvent *k); //声明按键换图的函数         .h文件    --注意头文件和声明 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

LayUI分页，LayUI动态分页，LayUI laypage分页，LayUI laypage刷新当前页

LayUI分页,LayUI动态分页,LayUI laypage分页,LayUI laypage刷新当前页 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> ?Copyright 蕃薯耀 2017年8月1日 http://www.cnblogs.com/fanshuyao/ 效果图: 一.引用js依赖

layui 学习增删改查分页（1）

1 layui 经典模块化前端框架 由职业前端倾情打造,面向所有层次的前后端开发者,零门槛开箱即用的前端UI解决方案 2 比较符合 ui设计 美感不好的 同学 3 上手快 扁平化 4正片 首先在GitHub 上 star 然后 下载到本地 记录下自己的 debug 经历 1 加载table // 表格渲染 var tableIns= table.render({ elem: '#dateTable' //指定原始表格元素选择器(推荐id选择器) , height: vipTable.getFul

JFinal Web开发学习(七)使用layUI美化的登录功能

效果: 验证码还是没有布局好.背景比较怀古. 1.写前端html login.jsp <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>

layUI学习第一日：myeclipse中使用layUI

第一步:下载layUI,网址:https://www.layui.com/ 第二步:查看layUI解压后的内容,和官网解释各个文件夹的内容 第三部:在myeclipse中新建一个web project,命名为:LayUI,在webroot复制中第二步解压的layui文件夹 第四部:在index.jps中引入 第五步:编写代码 第六步:运行,界面显示 总结:第五步的采用的是模块化的方法,如果采用非模块化方法,可以自己查找官网:https://www.layui.com/doc/#get解决. 原文

layUI学习第三日：layUI模块化开发

layui 定义为「经典模块化」,具备早前 AMD 的影子,又并非受限于 CommonJS 的那些条条框框, BootStrap 的不同在于:layui 糅合了自身对经典模块化的理解. 除了 layui 内置的全模块加载,layui 的扩展模块同样可以合并为一个文件来加载. 原文地址:https://www.cnblogs.com/chenting-personal/p/11952819.html

layUI学习第五日：layUI布局系列三

后台布局 实现如下的布局 直接实现: 实现代码详解: 在body里面封装一个div,里面由四个部分组成.第一个部分为头部,第二部分为左边,点部分为内容,第四部分为底部固定栏 原文地址:https://www.cnblogs.com/chenting-personal/p/12101919.html