lay-menu
/
index2.html

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" href="layui/css/layui.css">
		<title></title>
	</head>
	<style>
		.lay-header {
			height: 60px;
			background-color: #393D49;
		}

		.lay-center-box{
			min-height: 500px;
		}

		.lay-bottom-box {
			padding: 15px;
		}

		.lay-bottom-content {
			padding: 15px;
			background: #fff;
			border: 1px solid #f3f3f3;
		}

		.lay-bottom-content>div {
			color: #999;
		}

		.lay-license {
			padding: 20px 0;
			text-align: center;
			line-height: 28px;
			color: #999;
		}
		.lay-license a{
			cursor: pointer;
			margin-right: 10px;
		}
		.lay-license a:hover{
			opacity: 0.8;
		}
	</style>

	<body>
		<div class="layui-header lay-header">
			<div class="layui-container">
				<ul class="layui-nav">
					<li class="layui-nav-item layui-this">
						<a href="javascript:;">
							首页
						</a>
					</li>
					<li class="layui-nav-item">
						<a href="javascript:;">
							用户管理
						</a>
					</li>
					<li class="layui-nav-item">
						<a href="javascript:;">
							系统管理
						</a>
						<dl class="layui-nav-child">
							<dd>
								<a href="javascript:;">角色管理</a>
							</dd>
							<dd>
								<a href="javascript:;">授权管理</a>
							</dd>
						</dl>
					</li>
				</ul>
				<ul class="layui-nav layui-layout-right">
					<li class="layui-nav-item lay-mobile-hide">
						<a href="javascript:;" title="消息" onclick="mainObj.messageTips()">
							<i class="layui-icon">&#xe667;</i>
						</a>
					</li>
					<li class="layui-nav-item lay-mobile-hide">
						<a class="lay-screen" href="javascript:;" lay-id="0" title="全屏" onclick="configObj.fullOrExitScreen(this)">
							<i class="layui-icon">&#xe622;</i>
						</a>
					</li>
					<li class="layui-nav-item">
						<a href="javascript:;" style="position: relative;right: 10px;">
							<img src="img/head.jpg" class="layui-nav-img"> 菜狗
						</a>
						<dl class="layui-nav-child">
							<dd>
								<a href="javascript:;" onclick="mainObj.personalData()"><i class="layui-icon" style="margin-right: 5px;">&#xe642;</i>个人资料</a>
							</dd>
							<dd>
								<a href="javascript:;" onclick="mainObj.setting()"><i class="layui-icon" style="margin-right: 5px;">&#xe716;</i>设置</a>
							</dd>
							<hr />
							<dd>
								<a href="javascript:;" onclick="mainObj.exitLogin()"><i class="layui-icon" style="margin-right: 5px;">&#xe682;</i>退出登录</a>
							</dd>
						</dl>
					</li>
					<li class="layui-nav-item lay-mobile-hide" onclick="mainObj.rightAll()">
						<a href="javascript:;">
							<i class="layui-icon layui-icon-more-vertical"></i>
						</a>
					</li>
				</ul>
			</div>
		</div>
		<div class="layui-container">
			<div class="lay-center-box">

			</div>
		</div>
		<div class="layui-container">
			<div class="layui-row layui-col-space5">
				<div class="layui-col-md4">
					<div class="lay-bottom-box">
						<div class="lay-bottom-content">
							<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;text-align: center;">
								<legend style="margin-left: 0;">系统赋我长生，活着终会无敌</legend>
							</fieldset>
							<div>
								陈浔穿越到浩瀚无垠的修仙界，觉醒长生系统，竟然还送了一头长生灵兽为伴。我陈浔对打打杀杀没有兴趣，也不想招惹任何人，只想带着老牛看遍世间繁华。一个不经意，他露出了腰间的三把开山斧，又一个不经意，露出了那十六块腹肌。他缓缓戴上了悍匪头套，露出阴沉微笑：“我陈浔和老牛最讲道理。”整个诸天万界颤抖了，他套……套上
							</div>
						</div>
					</div>
				</div>
				<div class="layui-col-md4">
					<div class="lay-bottom-box">
						<div class="lay-bottom-content">
							<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;text-align: center;">
								<legend style="margin-left: 0;">我有九千万亿舔狗金</legend>
							</fieldset>
							<div>
								陈远，一个普通的大学生，开局被甩，获得神豪系统，开局获得九千万亿，但是坑爹的是，这个钱只能给女生花，没办法，为了花完这些钱，陈远开启了一条不同寻常的神豪之路！
							</div>
						</div>
					</div>
				</div>
				<div class="layui-col-md4">
					<div class="lay-bottom-box">
						<div class="lay-bottom-content">
							<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;text-align: center;">
								<legend style="margin-left: 0;">顶级气运，悄悄修炼千年</legend>
							</fieldset>
							<div>
								转世来到修仙世界，韩绝发现自己带着游戏属性，竟然可以摇骰子刷新灵根资质与先天气运。
								于是乎，他花了十一年摇先天气运。
								【绝世无双：仙姿，魅力顶级】
								【天命剑痴：剑道资质顶级，剑道悟性顶级】
								【身法绝尘：身法资质顶级】
								【仙帝后裔：获得一部绝世修仙功法、一千块上品灵石】
								韩绝为了长生，决定悄悄修炼，不出风头。
								千年后，修真界一代换一代。
								当仙界清理凡间时，韩绝不得不出手。
								他这才发现，好像仙神也不过如此！
								……
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="layui-container">
			<div class="lay-license">
				<div class="copyright"></div>
				<div style="font-weight: bold;">
					<a style="color: #ff0c00;" onclick="window.open('https://gitee.com/yuanyongqiang/lay-menu')">Gitee</a>
					<a style="color: #15dbe5;" onclick="window.open('https://www.iconfont.cn/')">阿里图标库</a>
					<a style="color: #ff5200;" onclick="window.open('https://blog.csdn.net/weixin_43992507/article/details/134506052')">CSDN</a>
				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="layui/layui.js"></script>
	<script>
		// layui 组件引入
		var $, element, util, form;
		layui.use(['element', 'util', 'form'], function() {
			$ = layui.$;
			element = layui.element;
			util = layui.util;
			form = layui.form;

			// 回到顶部
			util.fixbar({
				bar1: false,
				click: function(type) {
					console.log(type);
				}
			});

			var date = new Date();
			$(".copyright").text("Copyright © " + date.getFullYear() + " Licensed")
		})
	</script>

</html>