完善字体图标页面内容
Mr.X
parent
d3be334bf0
commit
7ea111794e
|
|
@ -16,6 +16,10 @@
|
||||||
left: 235px;
|
left: 235px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.layui-tab-title li:first-child .layui-tab-close {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
/*顶部导航菜单结束*/
|
/*顶部导航菜单结束*/
|
||||||
|
|
||||||
.menu-switch {
|
.menu-switch {
|
||||||
|
|
@ -69,10 +73,20 @@
|
||||||
.ok-body-breadcrumb {
|
.ok-body-breadcrumb {
|
||||||
position: relative;
|
position: relative;
|
||||||
line-height: 39px;
|
line-height: 39px;
|
||||||
height: 39px;
|
height: 41px;
|
||||||
border-bottom: 1px solid rgb(229, 229, 229);
|
border-bottom: 1px solid rgb(229, 229, 229);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.ok-body-breadcrumb .layui-btn {
|
||||||
|
line-height: 2.4em;
|
||||||
|
margin-top: 3px;
|
||||||
|
float: right
|
||||||
|
}
|
||||||
|
|
||||||
|
.ok-body-breadcrumb .layui-btn .layui-icon {
|
||||||
|
line-height: 40px
|
||||||
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
.ok-search {
|
.ok-search {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,37 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>阿里巴巴图标库</title>
|
||||||
|
<link rel="stylesheet" href="css/okadmin.css">
|
||||||
|
</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>阿里巴巴图标库</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">
|
||||||
|
// 挑选相应图标并获取类名，应用于页面：
|
||||||
|
<i class="iconfont icon-xxx"></i>
|
||||||
|
</pre>
|
||||||
|
</div>
|
||||||
|
<!--js逻辑-->
|
||||||
|
<script src="lib/layui/layui.js"></script>
|
||||||
|
<script src="js/okadmin.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,37 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Layui内置图标库</title>
|
||||||
|
<link rel="stylesheet" href="css/okadmin.css">
|
||||||
|
</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>
|
||||||
|
<script src="js/okadmin.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -77,11 +77,11 @@
|
||||||
</li>
|
</li>
|
||||||
<li class="layui-nav-item">
|
<li class="layui-nav-item">
|
||||||
<a href="javascript:;">
|
<a href="javascript:;">
|
||||||
<i class="layui-icon"></i> 图标字体
|
<i class="layui-icon"></i> 字体图标
|
||||||
</a>
|
</a>
|
||||||
<dl class="layui-nav-child">
|
<dl class="layui-nav-child">
|
||||||
<dd><a href="javascript:;" path="xxxx.html" tab-id="13">Layui内置图标</a></dd>
|
<dd><a href="javascript:;" path="font-layui.html" tab-id="13">Layui内置图标库</a></dd>
|
||||||
<dd><a href="javascript:;" path="xxxx.html" tab-id="14">阿里图标库</a></dd>
|
<dd><a href="javascript:;" path="font-iconfont.html" tab-id="14">阿里巴巴图标库</a></dd>
|
||||||
</dl>
|
</dl>
|
||||||
</li>
|
</li>
|
||||||
<li class="layui-nav-item">
|
<li class="layui-nav-item">
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,8 @@
|
||||||
layui.use(['element', 'jquery'], function () {
|
layui.use(['element', 'jquery', 'code'], function () {
|
||||||
var element = layui.element;
|
var element = layui.element;
|
||||||
var $ = layui.jquery;
|
var $ = layui.jquery;
|
||||||
|
// 引用code方法
|
||||||
|
layui.code({about: false});
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 左边菜单显示/隐藏功能
|
* 左边菜单显示/隐藏功能
|
||||||
|
|
@ -28,7 +30,7 @@ layui.use(['element', 'jquery'], function () {
|
||||||
// 去重复选项卡
|
// 去重复选项卡
|
||||||
for (var i = 0; i < $('.ok-frame').length; i++) {
|
for (var i = 0; i < $('.ok-frame').length; i++) {
|
||||||
if ($('.ok-frame').eq(i).attr('tab-id') == tabId) {
|
if ($('.ok-frame').eq(i).attr('tab-id') == tabId) {
|
||||||
tab.tabChange(tabId);
|
element.tabChange("ok-tab", tabId);
|
||||||
event.stopPropagation();
|
event.stopPropagation();
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
@ -36,10 +38,38 @@ layui.use(['element', 'jquery'], function () {
|
||||||
// 添加选项卡
|
// 添加选项卡
|
||||||
element.tabAdd("ok-tab", {
|
element.tabAdd("ok-tab", {
|
||||||
title: title,
|
title: title,
|
||||||
content: "<iframe src='"+path+"' tab-id='"+tabId+"' class='ok-frame' frameborder='0' scrolling='yes' width='100%' height='100%'></iframe>",
|
content: "<iframe src='" + path + "' tab-id='" + tabId + "' class='ok-frame' frameborder='0' scrolling='yes' width='100%' height='100%'></iframe>",
|
||||||
id: tabId
|
id: tabId
|
||||||
});
|
});
|
||||||
// 切换选项卡
|
// 切换选项卡
|
||||||
element.tabChange("ok-tab", tabId);
|
element.tabChange("ok-tab", tabId);
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 获取当前时间
|
||||||
|
*/
|
||||||
|
var nowDate1 = "";
|
||||||
|
|
||||||
|
function setDate() {
|
||||||
|
var date = new Date();
|
||||||
|
var year = date.getFullYear();
|
||||||
|
nowDate1 = year + "-" + addZero((date.getMonth() + 1)) + "-" + addZero(date.getDate()) + " ";
|
||||||
|
nowDate1 += addZero(date.getHours()) + ":" + addZero(date.getMinutes()) + ":" + addZero(date.getSeconds());
|
||||||
|
document.getElementById("nowTime").innerHTML = nowDate1;
|
||||||
|
setTimeout('setDate()', 1000);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 年月日是分秒为10以下的数字则添加0字符串
|
||||||
|
* @param time
|
||||||
|
* @returns {number | *}
|
||||||
|
*/
|
||||||
|
function addZero(time) {
|
||||||
|
var i = parseInt(time);
|
||||||
|
if (i / 10 < 1) {
|
||||||
|
i = "0" + i;
|
||||||
|
}
|
||||||
|
return i;
|
||||||
|
}
|
||||||
12
user.html
12
user.html
|
|
@ -8,14 +8,15 @@
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="ok-body">
|
<div class="ok-body">
|
||||||
|
<!--面包屑导航区域-->
|
||||||
<div class="ok-body-breadcrumb">
|
<div class="ok-body-breadcrumb">
|
||||||
<span class="layui-breadcrumb">
|
<span class="layui-breadcrumb">
|
||||||
<a><cite>首页</cite></a>
|
<a><cite>首页</cite></a>
|
||||||
<a><cite>用户管理</cite></a>
|
<a><cite>用户管理</cite></a>
|
||||||
<a><cite>微信端用户列表</cite></a>
|
<a><cite>微信端用户列表</cite></a>
|
||||||
</span>
|
</span>
|
||||||
<a class="layui-btn layui-btn-small" href="javascript:location.replace(location.href);" style="line-height:2.4em;margin-top:3px;float:right" title="刷新">
|
<a class="layui-btn layui-btn-small" href="javascript:location.replace(location.href);" title="刷新">
|
||||||
<i class="layui-icon" style="line-height:30px">ဂ</i>
|
<i class="layui-icon layui-icon-refresh"></i>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<!--模糊搜索区域-->
|
<!--模糊搜索区域-->
|
||||||
|
|
@ -243,11 +244,6 @@
|
||||||
</div>
|
</div>
|
||||||
<!--js逻辑-->
|
<!--js逻辑-->
|
||||||
<script src="lib/layui/layui.js"></script>
|
<script src="lib/layui/layui.js"></script>
|
||||||
<script>
|
<script src="js/okadmin.js"></script>
|
||||||
layui.use(['element', 'form'], function () {
|
|
||||||
var element = layui.element;
|
|
||||||
var form = layui.form;
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
26
welcome.html
26
welcome.html
|
|
@ -126,32 +126,12 @@
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
<!--js逻辑-->
|
||||||
|
<script src="lib/layui/layui.js"></script>
|
||||||
|
<script src="js/okadmin.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
// 初始化函数
|
// 初始化函数
|
||||||
setDate();
|
setDate();
|
||||||
|
|
||||||
var nowDate1 = "";
|
|
||||||
function setDate() {
|
|
||||||
var date = new Date();
|
|
||||||
var year = date.getFullYear();
|
|
||||||
nowDate1 = year + "-" + addZero((date.getMonth() + 1)) + "-" + addZero(date.getDate()) + " ";
|
|
||||||
nowDate1 += addZero(date.getHours()) + ":" + addZero(date.getMinutes()) + ":" + addZero(date.getSeconds());
|
|
||||||
document.getElementById("nowTime").innerHTML = nowDate1;
|
|
||||||
setTimeout('setDate()', 1000);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 年月日是分秒为10以下的数字则添加0字符串
|
|
||||||
* @param time
|
|
||||||
* @returns {number | *}
|
|
||||||
*/
|
|
||||||
function addZero(time) {
|
|
||||||
var i = parseInt(time);
|
|
||||||
if (i / 10 < 1) {
|
|
||||||
i = "0" + i;
|
|
||||||
}
|
|
||||||
return i;
|
|
||||||
}
|
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
Loading…
Reference in New Issue