ok-admin/font-layui.html

51 lines
1.9 KiB
HTML
Raw Normal View History

2018-06-04 13:19:29 +00:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Layui内置图标库</title>
2018-06-05 16:18:57 +00:00
<link rel="stylesheet" href="lib/layui/css/layui.css">
<style>
/*主体内容样式*/
.ok-body{padding:10px}
/*子页面面包屑导航样式*/
.ok-body-breadcrumb{position:relative;line-height:39px;height:41px;border-bottom:1px solid #e5e5e5}
/*子页面面包屑导航刷新按钮样式*/
.ok-body-breadcrumb .layui-btn{line-height:2.4em;margin-top:3px;float:right}
/*子页面面包屑导航刷新按钮图标样式*/
.ok-body-breadcrumb .layui-btn .layui-icon{line-height:40px}
</style>
2018-06-04 13:19:29 +00:00
</head>
<body>
<div class="ok-body">
<!--面包屑导航区域-->
<div class="ok-body-breadcrumb">
<span class="layui-breadcrumb">
<a><cite>首页</cite></a>
<a><cite>图标字体</cite></a>
<a><cite>Layui内置图标库</cite></a>
</span>
<a class="layui-btn layui-btn-small" href="javascript:location.replace(location.href);" title="刷新">
<i class="layui-icon layui-icon-refresh"></i>
</a>
</div>
<br>
<blockquote class="layui-elem-quote">
图标选择:<a href="http://www.layui.com/doc/element/icon.html#table" target="_blank" class="layui-btn layui-btn-danger layui-btn-xs">点我跳转</a>
</blockquote>
<blockquote class="layui-elem-quote">
使用方法
</blockquote>
<pre class="layui-code" lay-title="HTML" lay-encode="true">
// 从 layui 2.3.0 开始,支持 font-class 的形式定义图标:
<i class="layui-icon layui-icon-xxx"></i>
</pre>
</div>
<!--js逻辑-->
<script src="lib/layui/layui.js"></script>
2018-06-05 16:18:57 +00:00
<script>
layui.use(['element', 'code'], function () {
layui.code({about: false});
})
</script>
2018-06-04 13:19:29 +00:00
</body>
</html>