fixed: tab(layui.okTab())
zhizou
parent
1c19ec8512
commit
477c3ade26
|
|
@ -534,7 +534,11 @@ layui.define(["element", "jquery"], function (exports) {
|
|||
};
|
||||
|
||||
exports("okTab", function (option) {
|
||||
return new okTab().init(option);
|
||||
if(parent.objOkTab){
|
||||
return parent.objOkTab;
|
||||
}else{
|
||||
return new okTab().init(option);
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -24,7 +24,7 @@
|
|||
</blockquote>
|
||||
<pre lay-title="JavaScript">
|
||||
layui.use(function(){
|
||||
var okTab = parent.objOkTab;//获取父级的okTab
|
||||
var okTab = parent.objOkTab;//获取父级的okTab;layui.okTab()不推荐这样获取
|
||||
var page = '<div lay-id="add-1" data-url="/pages/user/user.html">个人中心</div>';
|
||||
okTab.tabAdd(page);
|
||||
})
|
||||
|
|
@ -70,12 +70,11 @@
|
|||
}
|
||||
</script>
|
||||
<script type="text/javascript">
|
||||
layui.use(['element', 'table', 'form', 'jquery', 'okUtils', 'laydate', 'code'], function () {
|
||||
layui.use(['element', 'table', 'form', 'jquery', 'okTab', 'laydate', 'code'], function () {
|
||||
|
||||
var $ = layui.jquery,
|
||||
okUtils = layui.okUtils,
|
||||
p_layer = parent.layer || layer;
|
||||
var okTab = okUtils.getOkTab();//获取父级的oktab
|
||||
var okTab = layui.okTab();//获取父级的oktab
|
||||
var code = layui.code;
|
||||
code({
|
||||
elem: 'pre'
|
||||
|
|
|
|||
|
|
@ -1,193 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>ok-admin v2.0 | 很赞的后台模版</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<meta name="keywords" content="ok-admin v2.0,ok-admin网站后台模版,后台模版下载,后台管理系统模版,HTML后台模版下载">
|
||||
<meta name="description" content="ok-admin v2.0，顾名思义，很赞的后台模版，它是一款基于Layui框架的轻量级扁平化且完全免费开源的网站后台管理系统模板，适合中小型CMS后台系统。">
|
||||
<meta name="renderer" content="webkit">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="format-detection" content="telephone=no">
|
||||
<link rel="stylesheet" href="../css/console.css" media="all"/>
|
||||
<script type="text/javascript" src="../lib/echarts/echarts.min.js"></script>
|
||||
<script type="text/javascript" src="../lib/echarts/echarts.theme.js"></script>
|
||||
<script type="text/javascript" src="../lib/echarts/world/js/china.js"></script>
|
||||
</head>
|
||||
<body class="childrenBody home">
|
||||
<div class="layui-row layui-col-space15">
|
||||
<div class="layui-col-xs6 layui-col-md3">
|
||||
<div class="layui-card">
|
||||
<div class="ok-card-body clearfix cart-data">
|
||||
<div class="img-box">
|
||||
<img src="../images/home-01.png" alt="none"/>
|
||||
</div>
|
||||
<div class="cart-r">
|
||||
<div class="stat-text incomes-num">0</div>
|
||||
<div class="stat-heading">收入</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-col-xs6 layui-col-md3">
|
||||
<div class="layui-card">
|
||||
<div class="ok-card-body clearfix cart-data">
|
||||
<div class="img-box">
|
||||
<img src="../images/home-02.png" alt="none"/>
|
||||
</div>
|
||||
<div class="cart-r">
|
||||
<div class="stat-text goods-num">0</div>
|
||||
<div class="stat-heading">商品</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-col-xs6 layui-col-md3">
|
||||
<div class="layui-card">
|
||||
<div class="ok-card-body clearfix cart-data">
|
||||
<div class="img-box">
|
||||
<img src="../images/home-03.png" alt="none"/>
|
||||
</div>
|
||||
<div class="cart-r">
|
||||
<div class="stat-text blogs-num">0</div>
|
||||
<div class="stat-heading">博客</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-col-xs6 layui-col-md3">
|
||||
<div class="layui-card">
|
||||
<div class="ok-card-body clearfix cart-data">
|
||||
<div class="img-box">
|
||||
<img src="../images/home-04.png" alt="none"/>
|
||||
</div>
|
||||
<div class="cart-r">
|
||||
<div class="stat-text fans-num">0</div>
|
||||
<div class="stat-heading">用户</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-row layui-col-space15">
|
||||
<div class="layui-col-md8">
|
||||
<div class="layui-card">
|
||||
<div class="ok-card-body map-body">
|
||||
<div style="height: 100%;" id="mapOne"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-col-md4">
|
||||
<div class="layui-card">
|
||||
<div class="ok-card-body map-body">
|
||||
<h4 class="my-card-title">用户排行榜</h4>
|
||||
|
||||
<div class="progress-box clearfix">
|
||||
<div class="pro-head">
|
||||
<img src="../images/face.jpg" alt="none"/>
|
||||
</div>
|
||||
<div class="pro-data">
|
||||
<h4 class="por-title">Visits</h4>
|
||||
<div class="por-txt pro-a">用户比例</div>
|
||||
<div class="layui-progress" lay-filter="pro-a">
|
||||
<div class="layui-progress-bar per-bg-a" lay-percent="35%"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="progress-box clearfix">
|
||||
<div class="pro-head">
|
||||
<img src="../images/face.jpg" alt="none"/>
|
||||
</div>
|
||||
<div class="pro-data">
|
||||
<h4 class="por-title">Visits</h4>
|
||||
<div class="por-txt pro-a">用户比例</div>
|
||||
<div class="layui-progress" lay-filter="pro-b">
|
||||
<div class="layui-progress-bar per-bg-b" lay-percent="15%"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="progress-box clearfix">
|
||||
<div class="pro-head">
|
||||
<img src="../images/face.jpg" alt="none"/>
|
||||
</div>
|
||||
<div class="pro-data">
|
||||
<h4 class="por-title">Visits</h4>
|
||||
<div class="por-txt pro-c">用户比例</div>
|
||||
<div class="layui-progress" lay-filter="pro-c">
|
||||
<div class="layui-progress-bar per-bg-c" lay-percent="20%"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="progress-box clearfix">
|
||||
<div class="pro-head">
|
||||
<img src="../images/face.jpg" alt="none"/>
|
||||
</div>
|
||||
<div class="pro-data">
|
||||
<h4 class="por-title">Visits</h4>
|
||||
<div class="por-txt pro-d">用户比例</div>
|
||||
<div class="layui-progress" lay-filter="pro-d">
|
||||
<div class="layui-progress-bar per-bg-d" lay-percent="30%"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-row layui-col-space15">
|
||||
<div class="layui-col-md6">
|
||||
<div class="layui-card">
|
||||
<div class="ok-card-body clearfix">
|
||||
<table id="userData" lay-filter="userdata"></table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-md6">
|
||||
<div class="layui-card">
|
||||
<div class="ok-card-body clearfix">
|
||||
<div class="map-china" id="mapChina"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--日历-->
|
||||
<!--<div class="layui-row layui-col-space15">-->
|
||||
<!--<div class="clearfix">-->
|
||||
<!--<div id="calendar"></div>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
</body>
|
||||
</html>
|
||||
<script type="text/javascript" src="../lib/layui/layui.js"></script>
|
||||
<script type="text/javascript" src="../js/console.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
Loading…
Reference in New Issue