layTabPlus
/
index.html

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>layTabPlus</title>
		<link rel="stylesheet" href="layui/css/layui.css">
	</head>

	<body class="layui-layout-body">
		<div class="layui-layout layui-layout-admin">
			<div class="layui-header">
				<a href="">
					<div class="layui-logo">后台管理系统</div>
				</a>
				<!-- 头部区域（可配合layui已有的水平导航） -->
				<ul class="layui-nav layui-layout-left">
					<li class="layui-nav-item">
						<a href="/">返回前台</a>
					</li>
					<li class="layui-nav-item">
						<a href="">商品管理</a>
					</li>
					<li class="layui-nav-item">
						<a href="">用户</a>
					</li>
					<li class="layui-nav-item">
						<a href="javascript:;">其它系统</a>
						<dl class="layui-nav-child">
							<dd>
								<a href="">邮件管理</a>
							</dd>
							<dd>
								<a href="">消息管理</a>
							</dd>
							<dd>
								<a href="">授权管理</a>
							</dd>
						</dl>
					</li>
				</ul>
				<ul class="layui-nav layui-layout-right">
					<li class="layui-nav-item">
						<a href="javascript:;">
							<img src="https://gitee.com/uploads/66/890966_Leytton.png?1512991922" class="layui-nav-img"> Leytton </a>
						<dl class="layui-nav-child">
							<dd>
								<a href="javascript:;" onclick="addTab(this);" tab_url="http://www.llqqww.com">基本资料</a>
							</dd>
							<dd>
								<a href="">安全设置</a>
							</dd>
						</dl>
					</li>
					<li class="layui-nav-item">
						<a href="/mp.php/login/logout">退了</a>
					</li>
				</ul>
			</div>
			<div class="layui-side layui-bg-black">
				<div class="layui-side-scroll">
					<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
					<ul class="layui-nav layui-nav-tree">
						<li class="layui-nav-item layui-nav-itemed">
							<a class="" href="javascript:;">基本信息</a>
							<dl class="layui-nav-child">
								<dd class="layui-this">
									<a href="javascript:layui.element.tabChange('demoTab', 'base_info');">基本信息</a>
								</dd>
							</dl>
						</li>
						<li class="layui-nav-item layui-nav-itemed">
							<a href="javascript:;">开源作品</a>
							<dl class="layui-nav-child">
								<dd>
									<a href="javascript:;" class="layTabPlus" tab_url="https://gitee.com/Leytton/ThinkJD">
										<i class="layui-icon layui-icon-star"> </i>
										ThinJDBC
									</a>
								</dd>
								<dd>
									<a href="javascript:;" class="layTabPlus" tab_url="https://gitee.com/Leytton/SimJQ">SimJQ</a>
								</dd>
								<dd>
									<a href="javascript:;" class="layTabPlus" tab_url="https://gitee.com/Leytton/layTabPlus" tab_jump="true">layTabPlus</a>
								</dd>
							</dl>
						</li>
						<li class="layui-nav-item layui-nav-itemed">
							<a href="javascript:;">关于作者</a>
							<dl class="layui-nav-child">
								<dd><a href="javascript:void(0);" class="layTabPlus" tab_url="http://www.llqqww.com">网站</a></dd>
								<dd><a href="javascript:void(0);" class="layTabPlus" tab_url="https://blog.csdn.net/leytton">博客</a></dd>
							</dl>
						</li>
						<li class="layui-nav-item">
							<a href="javascript:;">其它</a>
							<dl class="layui-nav-child">
								<dd><a href="javascript:void(0);" class="layTabPlus" tab_url="http://www.llqqww.com">网站</a></dd>
								<dd><a href="javascript:void(0);" class="layTabPlus" tab_url="https://blog.csdn.net/leytton">博客</a></dd>
							</dl>
						</li>
						<li class="layui-nav-item">
							<a href="javascript:void(0);" class="layTabPlus" tab_url="https://blog.csdn.net/leytton">CSDN</a>
						</li>
					</ul>
				</div>
			</div>

			<div class="layui-body">
				<!-- 内容主体区域 -->
				<div class="layui-tab" lay-filter="demoTab" lay-allowClose="true">
					<ul class="layui-tab-title">
						<li class="layui-this noclose" lay-id='base_info'>基本信息</li>
					</ul>
					<div class="layui-tab-content" style="padding:0px;">
						<div class="layui-tab-item layui-show">
							<div class="sysNotice col">
								<blockquote class="layui-elem-quote title">基本信息</blockquote>
								<table class="layui-table">
									<tbody>
										<tr>
											<td>当前版本</td>
											<td class="version">V1.2</td>
										</tr>
										<tr>
											<td>开发作者</td>
											<td class="author">Leytton</td>
										</tr>
										<tr>
											<td>项目首页</td>
											<td class="homePage"><a href="https://gitee.com/Leytton/layTabPlus">https://gitee.com/Leytton/layTabPlus</a></td>
										</tr>
										<tr>
											<td colspan="2">
												<script src='https://gitee.com/Leytton/layTabPlus/widget_preview'></script>
												<style>
												.pro_name a{color: #4183c4;}
												.osc_git_title{background-color: #fff;}
												.osc_git_box{background-color: #fff;}
												.osc_git_box{border-color: #E3E9ED;}
												.osc_git_info{color: #666;}
												.osc_git_main a{color: #9B9B9B;}
												</style>
											</td>
										</tr>
									</tbody>
								</table>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="layui-footer">
				© 2018 <a href="https://gitee.com/Leytton/layTabPlus">layTabPlus</a> - by Leytton
			</div>
		</div>
		<script src="layui/layui.all.js"></script>
		<script>
			var $ = layui.jquery;
			var layer = layui.layer;
			var element = layui.element;
			var util = layui.util;
			var table = layui.table;
		</script>
		<script src="js/layTabPlus.js"></script>
		<script>
			layTabPlus.init({
				lay_filter: 'demoTab'
			});
		</script>
	</body>

</html>
<style>
	.sysNotice .layui-table {
		margin-top: 0;
		border-left: 5px solid #e2e2e2;
	}

	.layui-elem-quote.title {
		padding: 10px 15px;
		margin-bottom: 0;
	}

	.sysNotice {
		width: 75%;
	}
	.code{
		color: #c7254e;
		background-color: #f9f2f4;
		border-radius: 2px;
		padding: 4px 2px 0;
	}
</style>