<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="WebApplication1.ucenter.Site" %>
<!DOCTYPE html>
<html>
<head runat="server">
<meta charset="utf-8">
<title>在线示例 - Layui</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=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 href="/js/layui/css/layui.css" rel="stylesheet" type="text/css" />
<script src="/js/layui/layui.js" type="text/javascript"></script>
<style>
.site-tree {
border-right: 1px solid #eee;
}
.site-tree {
width: 220px;
min-height: 900px;
padding: 5px 0 20px;
}
.site-tree, .site-content {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: top;
font-size: 14px;
}
blockquote, body, button, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul
{
margin: 0;
padding: 0;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
li
{
display: list-item;
text-align: -webkit-match-parent;
}
.site-tree .layui-tree
{
line-height: 32px;
}
.site-tree .layui-tree li h2
{
line-height: 36px;
border-left: 5px solid #009E94;
margin: 15px 0 5px;
padding: 0 10px;
background-color: #f2f2f2;
}
h1, h2, h3
{
font-size: 14px;
}
li
{
list-style: none;
}
.site-inline {
font-size: 0;
}
.layui-main {
width: 1140px;
margin: 0 auto;
}
.layui-edge, .layui-header, .layui-inline, .layui-main {
position: relative;
}
.site-fix .site-content {
margin-left: 220px;
}
.site-content {
width: 899px;
min-height: 900px;
padding: 20px 0 10px 20px;
}
.site-tree, .site-content {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: top;
font-size: 14px;
}
</style>
<asp:ContentPlaceHolder ID="head" runat="server">
</asp:ContentPlaceHolder>
</head>
<body>
<div class="layui-main site-inline">
<div class="site-tree">
<div class="layui-tree">
<ul>
<li>
<h2>
人力资源</h2>
</li>
<li><cite>人事主档</cite></li>
</ul>
</div>
</div>
<div class="site-content">
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
<div class="layui-form-item">
<label class="layui-form-label">单行输入框</label>
<div class="layui-input-block">
<input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入标题" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">验证必填项</label>
<div class="layui-input-block">
<input type="text" name="username" lay-verify="required" lay-reqtext="用户名是必填项,岂能为空?" placeholder="请输入" autocomplete="off" class="layui-input">
</div>
</div><button type="button" class="layui-btn">一个标准的按钮</button>
<table class="layui-table">
<thead>
<tr>
<th>
昵称
</th>
<th>
加入时间
</th>
<th>
签名
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
2016-11-29
</td>
<td>
人生就像是一场修行
</td>
</tr>
<tr>
<td>
许闲心
</td>
<td>
2016-11-28
</td>
<td>
于千万人之中遇
</td>
</tr>
</tbody>
</table>
</asp:ContentPlaceHolder>
</div>
</body>
</html>
layui
最新推荐文章于 2024-07-17 16:58:56 发布