完善字体图标页面内容
Mr.X
parent
d3be334bf0
commit
7ea111794e
|
|
@ -16,6 +16,10 @@
|
|||
left: 235px;
|
||||
}
|
||||
|
||||
.layui-tab-title li:first-child .layui-tab-close {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/*顶部导航菜单结束*/
|
||||
|
||||
.menu-switch {
|
||||
|
|
@ -69,10 +73,20 @@
|
|||
.ok-body-breadcrumb {
|
||||
position: relative;
|
||||
line-height: 39px;
|
||||
height: 39px;
|
||||
height: 41px;
|
||||
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 {
|
||||
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 class="layui-nav-item">
|
||||
<a href="javascript:;">
|
||||
<i class="layui-icon"></i> 图标字体
|
||||
<i class="layui-icon"></i> 字体图标
|
||||
</a>
|
||||
<dl class="layui-nav-child">
|
||||
<dd><a href="javascript:;" path="xxxx.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-layui.html" tab-id="13">Layui内置图标库</a></dd>
|
||||
<dd><a href="javascript:;" path="font-iconfont.html" tab-id="14">阿里巴巴图标库</a></dd>
|
||||
</dl>
|
||||
</li>
|
||||
<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 $ = 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++) {
|
||||
if ($('.ok-frame').eq(i).attr('tab-id') == tabId) {
|
||||
tab.tabChange(tabId);
|
||||
element.tabChange("ok-tab", tabId);
|
||||
event.stopPropagation();
|
||||
return;
|
||||
}
|
||||
|
|
@ -36,10 +38,38 @@ layui.use(['element', 'jquery'], function () {
|
|||
// 添加选项卡
|
||||
element.tabAdd("ok-tab", {
|
||||
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
|
||||
});
|
||||
// 切换选项卡
|
||||
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>
|
||||
<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);" style="line-height:2.4em;margin-top:3px;float:right" title="刷新">
|
||||
<i class="layui-icon" style="line-height:30px">ဂ</i>
|
||||
<a class="layui-btn layui-btn-small" href="javascript:location.replace(location.href);" title="刷新">
|
||||
<i class="layui-icon layui-icon-refresh"></i>
|
||||
</a>
|
||||
</div>
|
||||
<!--模糊搜索区域-->
|
||||
|
|
@ -243,11 +244,6 @@
|
|||
</div>
|
||||
<!--js逻辑-->
|
||||
<script src="lib/layui/layui.js"></script>
|
||||
<script>
|
||||
layui.use(['element', 'form'], function () {
|
||||
var element = layui.element;
|
||||
var form = layui.form;
|
||||
});
|
||||
</script>
|
||||
<script src="js/okadmin.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
26
welcome.html
26
welcome.html
|
|
@ -126,32 +126,12 @@
|
|||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!--js逻辑-->
|
||||
<script src="lib/layui/layui.js"></script>
|
||||
<script src="js/okadmin.js"></script>
|
||||
<script type="text/javascript">
|
||||
// 初始化函数
|
||||
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>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue