增加单页应用的layui-admin

This commit is contained in:
2024-01-22 12:22:41 +08:00
parent acf64a0c71
commit 1b2929f32e
344 changed files with 21782 additions and 3 deletions

View File

@@ -0,0 +1,370 @@
<title>通讯录</title>
<script type="text/html" template>
<link rel="stylesheet" href="{{ layui.setter.paths.base }}style/template.css?v={{ layui.admin.v }}" media="all">
</script>
<div class="layui-card layadmin-header">
<div class="layui-breadcrumb" lay-filter="breadcrumb">
<a lay-href="">主页</a>
<a><cite>页面</cite></a>
<a><cite>通讯录</cite></a>
</div>
</div>
<div class="layui-fluid layadmin-maillist-fluid">
<div class="layui-row layui-col-space15">
<div class="layui-col-md4 layui-col-sm6">
<div class="layadmin-contact-box" >
<div class="layui-col-md4 layui-col-sm6">
<a href="javascript:;">
<div class="layadmin-text-center">
<script type="text/html" template>
<img src="{{ layui.setter.paths.base }}style/imgs/template/character.jpg">
</script>
<div class="layadmin-maillist-img layadmin-font-blod">演员</div>
</div>
</a>
</div>
<div class="layui-col-md8 layadmin-padding-left20 layui-col-sm6">
<a href="javascript:;">
<h3 class="layadmin-title">
<strong>张三</strong>
</h3>
<p class="layadmin-textimg">
<i class="layui-icon layui-icon-location"></i>
上海
</p>
</a>
<div class="layadmin-address">
<a href="javascript:;">
<strong>Zhang san</strong>
<br>
E-mail:xxx@baidu.com
<br>
Weibo: https://weibo.com/123
<br>
<addr title="phone">Tel:</addr>
(123) 456-7890
</a>
</div>
</div>
</div>
</div>
<div class="layui-col-md4 layui-col-sm6">
<div class="layadmin-contact-box" >
<div class="layui-col-md4 layui-col-sm6">
<a href="javascript:;">
<div class="layadmin-text-center">
<script type="text/html" template>
<img src="{{ layui.setter.paths.base }}style/imgs/template/character.jpg">
</script>
<div class="layadmin-maillist-img layadmin-font-blod">演员</div>
</div>
</a>
</div>
<div class="layui-col-md8 layadmin-padding-left20 layui-col-sm6">
<a href="javascript:;">
<h3 class="layadmin-title">
<strong>张三</strong>
</h3>
<p class="layadmin-textimg">
<i class="layui-icon layui-icon-location"></i>
上海
</p>
</a>
<div class="layadmin-address">
<a href="javascript:;">
<strong>Zhang san</strong>
<br>
E-mail:xxx@baidu.com
<br>
Weibo: https://weibo.com/123
<br>
<addr title="phone">Tel:</addr>
(123) 456-7890
</a>
</div>
</div>
</div>
</div>
<div class="layui-col-md4 layui-col-sm6">
<div class="layadmin-contact-box" >
<div class="layui-col-md4 layui-col-sm6">
<a href="javascript:;">
<div class="layadmin-text-center">
<script type="text/html" template>
<img src="{{ layui.setter.paths.base }}style/imgs/template/character.jpg">
</script>
<div class="layadmin-maillist-img layadmin-font-blod">演员</div>
</div>
</a>
</div>
<div class="layui-col-md8 layadmin-padding-left20 layui-col-sm6">
<a href="javascript:;">
<h3 class="layadmin-title">
<strong>张三</strong>
</h3>
<p class="layadmin-textimg">
<i class="layui-icon layui-icon-location"></i>
上海
</p>
</a>
<div class="layadmin-address">
<a href="javascript:;">
<strong>Zhang san</strong>
<br>
E-mail:xxx@baidu.com
<br>
Weibo: https://weibo.com/123
<br>
<addr title="phone">Tel:</addr>
(123) 456-7890
</a>
</div>
</div>
</div>
</div>
<div class="layui-col-md4 layui-col-sm6">
<div class="layadmin-contact-box" >
<div class="layui-col-md4 layui-col-sm6">
<a href="javascript:;">
<div class="layadmin-text-center">
<script type="text/html" template>
<img src="{{ layui.setter.paths.base }}style/imgs/template/character.jpg">
</script>
<div class="layadmin-maillist-img layadmin-font-blod">演员</div>
</div>
</a>
</div>
<div class="layui-col-md8 layadmin-padding-left20 layui-col-sm6">
<a href="javascript:;">
<h3 class="layadmin-title">
<strong>张三</strong>
</h3>
<p class="layadmin-textimg">
<i class="layui-icon layui-icon-location"></i>
上海
</p>
</a>
<div class="layadmin-address">
<a href="javascript:;">
<strong>Zhang san</strong>
<br>
E-mail:xxx@baidu.com
<br>
Weibo: https://weibo.com/123
<br>
<addr title="phone">Tel:</addr>
(123) 456-7890
</a>
</div>
</div>
</div>
</div>
<div class="layui-col-md4 layui-col-sm6">
<div class="layadmin-contact-box" >
<div class="layui-col-md4 layui-col-sm6">
<a href="javascript:;">
<div class="layadmin-text-center">
<script type="text/html" template>
<img src="{{ layui.setter.paths.base }}style/imgs/template/character.jpg">
</script>
<div class="layadmin-maillist-img layadmin-font-blod">演员</div>
</div>
</a>
</div>
<div class="layui-col-md8 layadmin-padding-left20 layui-col-sm6">
<a href="javascript:;">
<h3 class="layadmin-title">
<strong>张三</strong>
</h3>
<p class="layadmin-textimg">
<i class="layui-icon layui-icon-location"></i>
上海
</p>
</a>
<div class="layadmin-address">
<a href="javascript:;">
<strong>Zhang san</strong>
<br>
E-mail:xxx@baidu.com
<br>
Weibo: https://weibo.com/123
<br>
<addr title="phone">Tel:</addr>
(123) 456-7890
</a>
</div>
</div>
</div>
</div>
<div class="layui-col-md4 layui-col-sm6">
<div class="layadmin-contact-box" >
<div class="layui-col-md4 layui-col-sm6">
<a href="javascript:;">
<div class="layadmin-text-center">
<script type="text/html" template>
<img src="{{ layui.setter.paths.base }}style/imgs/template/character.jpg">
</script>
<div class="layadmin-maillist-img layadmin-font-blod">演员</div>
</div>
</a>
</div>
<div class="layui-col-md8 layadmin-padding-left20 layui-col-sm6">
<a href="javascript:;">
<h3 class="layadmin-title">
<strong>张三</strong>
</h3>
<p class="layadmin-textimg">
<i class="layui-icon layui-icon-location"></i>
上海
</p>
</a>
<div class="layadmin-address">
<a href="javascript:;">
<strong>Zhang san</strong>
<br>
E-mail:xxx@baidu.com
<br>
Weibo: https://weibo.com/123
<br>
<addr title="phone">Tel:</addr>
(123) 456-7890
</a>
</div>
</div>
</div>
</div>
<div class="layui-col-md4 layui-col-sm6">
<div class="layadmin-contact-box" >
<div class="layui-col-md4 layui-col-sm6">
<a href="javascript:;">
<div class="layadmin-text-center">
<script type="text/html" template>
<img src="{{ layui.setter.paths.base }}style/imgs/template/character.jpg">
</script>
<div class="layadmin-maillist-img layadmin-font-blod">演员</div>
</div>
</a>
</div>
<div class="layui-col-md8 layadmin-padding-left20 layui-col-sm6">
<a href="javascript:;">
<h3 class="layadmin-title">
<strong>张三</strong>
</h3>
<p class="layadmin-textimg">
<i class="layui-icon layui-icon-location"></i>
上海
</p>
</a>
<div class="layadmin-address">
<a href="javascript:;">
<strong>Zhang san</strong>
<br>
E-mail:xxx@baidu.com
<br>
Weibo: https://weibo.com/123
<br>
<addr title="phone">Tel:</addr>
(123) 456-7890
</a>
</div>
</div>
</div>
</div>
<div class="layui-col-md4 layui-col-sm6">
<div class="layadmin-contact-box" >
<div class="layui-col-md4 layui-col-sm6">
<a href="javascript:;">
<div class="layadmin-text-center">
<script type="text/html" template>
<img src="{{ layui.setter.paths.base }}style/imgs/template/character.jpg">
</script>
<div class="layadmin-maillist-img layadmin-font-blod">演员</div>
</div>
</a>
</div>
<div class="layui-col-md8 layadmin-padding-left20 layui-col-sm6">
<a href="javascript:;">
<h3 class="layadmin-title">
<strong>张三</strong>
</h3>
<p class="layadmin-textimg">
<i class="layui-icon layui-icon-location"></i>
上海
</p>
</a>
<div class="layadmin-address">
<a href="javascript:;">
<strong>Zhang san</strong>
<br>
E-mail:xxx@baidu.com
<br>
Weibo: https://weibo.com/123
<br>
<addr title="phone">Tel:</addr>
(123) 456-7890
</a>
</div>
</div>
</div>
</div>
<div class="layui-col-md4 layui-col-sm6">
<div class="layadmin-contact-box" >
<div class="layui-col-md4 layui-col-sm6">
<a href="javascript:;">
<div class="layadmin-text-center">
<script type="text/html" template>
<img src="{{ layui.setter.paths.base }}style/imgs/template/character.jpg">
</script>
<div class="layadmin-maillist-img layadmin-font-blod">演员</div>
</div>
</a>
</div>
<div class="layui-col-md8 layadmin-padding-left20 layui-col-sm6">
<a href="javascript:;">
<h3 class="layadmin-title">
<strong>张三</strong>
</h3>
<p class="layadmin-textimg">
<i class="layui-icon layui-icon-location"></i>
上海
</p>
</a>
<div class="layadmin-address">
<a href="javascript:;">
<strong>Zhang san</strong>
<br>
E-mail:xxx@baidu.com
<br>
Weibo: https://weibo.com/123
<br>
<addr title="phone">Tel:</addr>
(123) 456-7890
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
layui.use(['admin'], function(){
var $ = layui.$
,admin = layui.admin;
});
</script>

View File

@@ -0,0 +1,188 @@
<title>客户列表</title>
<script type="text/html" template>
<link rel="stylesheet" href="{{ layui.setter.paths.base }}style/template.css?v={{ layui.admin.v }}" media="all">
</script>
<div class="layui-card layadmin-header">
<div class="layui-breadcrumb" lay-filter="breadcrumb">
<a lay-href="">主页</a>
<a><cite>页面</cite></a>
<a><cite>客户列表</cite></a>
</div>
</div>
<div class="layui-fluid">
<div class="layadmin-caller">
<form class="layui-form caller-seach" action="">
<i class="layui-icon layui-icon-search caller-seach-icon caller-icon"></i>
<input type="text" name="title" required lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input caller-pl32">
<i class="layui-icon layui-icon-close caller-dump-icon caller-icon"></i>
</form>
<div class="layui-tab layui-tab-brief caller-tab" lay-filter="docDemoTabBrief">
<ul class="layui-tab-title">
<li class="layui-this">所有联系人</li>
<li>联系方式</li>
<li>联系地址</li>
</ul>
</div>
<div class="caller-contar">
<div class="caller-item">
<script type="text/html" template>
<img src="{{ layui.setter.paths.base }}style/imgs/template/portrait.png" alt="" class="caller-img caller-fl">
</script>
<div class="caller-main caller-fl">
<p><strong>张三</strong> <em>最近联系1 小时前</em></p>
<p class="caller-adds"><i class="layui-icon layui-icon-location"></i>浙江省广州市越秀区中山六路109</p>
<div class="caller-iconset">
<i class="layui-icon layui-icon-login-wechat"></i>
<i class="layui-icon layui-icon-login-qq"></i>
<i class="layui-icon layui-icon-login-weibo"></i>
</div>
</div>
<button class="layui-btn layui-btn-sm caller-fr">
<i class="layui-icon layui-icon-ok"></i>
已收藏
</button>
</div>
<div class="caller-item">
<script type="text/html" template>
<img src="{{ layui.setter.paths.base }}style/imgs/template/portrait.png" alt="" class="caller-img caller-fl">
</script>
<div class="caller-main caller-fl">
<p><strong>张三</strong> <em>最近联系1 小时前</em></p>
<p class="caller-adds"><i class="layui-icon layui-icon-location"></i>浙江省广州市越秀区中山六路109</p>
<div class="caller-iconset">
<i class="layui-icon layui-icon-login-wechat"></i>
<i class="layui-icon layui-icon-login-qq"></i>
<i class="layui-icon layui-icon-login-weibo"></i>
</div>
</div>
<button class="layui-btn layui-btn-sm layui-btn layui-btn-primary caller-fr">
已收藏
</button>
</div>
<div class="caller-item">
<script type="text/html" template>
<img src="{{ layui.setter.paths.base }}style/imgs/template/portrait.png" alt="" class="caller-img caller-fl">
</script>
<div class="caller-main caller-fl">
<p><strong>张三</strong> <em>最近联系1 小时前</em></p>
<p class="caller-adds"><i class="layui-icon layui-icon-location"></i>浙江省广州市越秀区中山六路109</p>
<div class="caller-iconset">
<i class="layui-icon layui-icon-login-wechat"></i>
<i class="layui-icon layui-icon-login-qq"></i>
<i class="layui-icon layui-icon-login-weibo"></i>
</div>
</div>
<button class="layui-btn layui-btn-sm caller-fr">
<i class="layui-icon layui-icon-ok"></i>
已收藏
</button>
</div>
<div class="caller-item">
<script type="text/html" template>
<img src="{{ layui.setter.paths.base }}style/imgs/template/portrait.png" alt="" class="caller-img caller-fl">
</script>
<div class="caller-main caller-fl">
<p><strong>张三</strong> <em>最近联系1 小时前</em></p>
<p class="caller-adds"><i class="layui-icon layui-icon-location"></i>浙江省广州市越秀区中山六路109</p>
<div class="caller-iconset">
<i class="layui-icon layui-icon-login-wechat"></i>
<i class="layui-icon layui-icon-login-qq"></i>
<i class="layui-icon layui-icon-login-weibo"></i>
</div>
</div>
<button class="layui-btn layui-btn-sm layui-btn layui-btn-primary caller-fr">
已收藏
</button>
</div>
<div class="caller-item">
<script type="text/html" template>
<img src="{{ layui.setter.paths.base }}style/imgs/template/portrait.png" alt="" class="caller-img caller-fl">
</script>
<div class="caller-main caller-fl">
<p><strong>张三</strong> <em>最近联系1 小时前</em></p>
<p class="caller-adds"><i class="layui-icon layui-icon-location"></i>浙江省广州市越秀区中山六路109</p>
<div class="caller-iconset">
<i class="layui-icon layui-icon-login-wechat"></i>
<i class="layui-icon layui-icon-login-qq"></i>
<i class="layui-icon layui-icon-login-weibo"></i>
</div>
</div>
<button class="layui-btn layui-btn-sm caller-fr">
<i class="layui-icon layui-icon-ok"></i>
已收藏
</button>
</div>
<div class="caller-item">
<script type="text/html" template>
<img src="{{ layui.setter.paths.base }}style/imgs/template/portrait.png" alt="" class="caller-img caller-fl">
</script>
<div class="caller-main caller-fl">
<p><strong>张三</strong> <em>最近联系1 小时前</em></p>
<p class="caller-adds"><i class="layui-icon layui-icon-location"></i>浙江省广州市越秀区中山六路109</p>
<div class="caller-iconset">
<i class="layui-icon layui-icon-login-wechat"></i>
<i class="layui-icon layui-icon-login-qq"></i>
<i class="layui-icon layui-icon-login-weibo"></i>
</div>
</div>
<button class="layui-btn layui-btn-sm layui-btn layui-btn-primary caller-fr">
已收藏
</button>
</div>
<div class="caller-item">
<script type="text/html" template>
<img src="{{ layui.setter.paths.base }}style/imgs/template/portrait.png" alt="" class="caller-img caller-fl">
</script>
<div class="caller-main caller-fl">
<p><strong>张三</strong> <em>最近联系1 小时前</em></p>
<p class="caller-adds"><i class="layui-icon layui-icon-location"></i>浙江省广州市越秀区中山六路109</p>
<div class="caller-iconset">
<i class="layui-icon layui-icon-login-wechat"></i>
<i class="layui-icon layui-icon-login-qq"></i>
<i class="layui-icon layui-icon-login-weibo"></i>
</div>
</div>
<button class="layui-btn layui-btn-sm caller-fr">
<i class="layui-icon layui-icon-ok"></i>
已收藏
</button>
</div>
<div class="caller-item">
<script type="text/html" template>
<img src="{{ layui.setter.paths.base }}style/imgs/template/portrait.png" alt="" class="caller-img caller-fl">
</script>
<div class="caller-main caller-fl">
<p><strong>张三</strong> <em>最近联系1 小时前</em></p>
<p class="caller-adds"><i class="layui-icon layui-icon-location"></i>浙江省广州市越秀区中山六路109</p>
<div class="caller-iconset">
<i class="layui-icon layui-icon-login-wechat"></i>
<i class="layui-icon layui-icon-login-qq"></i>
<i class="layui-icon layui-icon-login-weibo"></i>
</div>
</div>
<button class="layui-btn layui-btn-sm layui-btn layui-btn-primary caller-fr">
已收藏
</button>
</div>
</div>
<div id="demo-template-caller1"></div>
</div>
</div>
<script>
layui.use(['admin', 'laypage'], function(){
var $ = layui.$
,admin = layui.admin
,laypage = layui.laypage;
laypage.render({
elem: 'demo-template-caller1'
,count: 70 //数据总数
});
});
</script>

View File

@@ -0,0 +1,410 @@
<title>商品列表</title>
<script type="text/html" template>
<link rel="stylesheet" href="{{ layui.setter.paths.base }}style/template.css?v={{ layui.admin.v }}" media="all">
</script>
<div class="layui-card layadmin-header">
<div class="layui-breadcrumb" lay-filter="breadcrumb">
<a lay-href="">主页</a>
<a><cite>页面</cite></a>
<a><cite>商品列表</cite></a>
</div>
</div>
<div class="layui-fluid layadmin-cmdlist-fluid">
<div class="layui-row layui-col-space30">
<div class="layui-col-md2 layui-col-sm4">
<div class="cmdlist-container">
<a href="javascript:;">
<script type="text/html" template>
<img src="{{ layui.setter.paths.base }}style/imgs/template/portrait.png">
</script>
</a>
<a href="javascript:;">
<div class="cmdlist-text">
<p class="info">标题标题标题标题标题标题标题标题标题标题标题标题标题标题</p>
<div class="price">
<b>¥79</b>
<p>
¥
<del>130</del>
</p>
<span class="flow">
<i class="layui-icon layui-icon-rate"></i>
433
</span>
</div>
</div>
</a>
</div>
</div>
<div class="layui-col-md2 layui-col-sm4">
<div class="cmdlist-container">
<a href="javascript:;">
<script type="text/html" template>
<img src="{{ layui.setter.paths.base }}style/imgs/template/portrait.png">
</script>
</a>
<a href="javascript:;">
<div class="cmdlist-text">
<p class="info">标题标题标题标题标题标题标题标题标题标题标题标题标题标题</p>
<div class="price">
<b>¥79</b>
<p>
¥
<del>130</del>
</p>
<span class="flow">
<i class="layui-icon layui-icon-rate"></i>
433
</span>
</div>
</div>
</a>
</div>
</div>
<div class="layui-col-md2 layui-col-sm4">
<div class="cmdlist-container">
<a href="javascript:;">
<script type="text/html" template><img src="{{ layui.setter.paths.base }}style/imgs/template/portrait.png"></script>
</a>
<a href="javascript:;">
<div class="cmdlist-text">
<p class="info">标题标题标题标题标题标题标题标题标题标题标题标题标题标题</p>
<div class="price">
<b>¥79</b>
<p>
¥
<del>130</del>
</p>
<span class="flow">
<i class="layui-icon layui-icon-rate"></i>
433
</span>
</div>
</div>
</a>
</div>
</div>
<div class="layui-col-md2 layui-col-sm4">
<div class="cmdlist-container">
<a href="javascript:;">
<script type="text/html" template><img src="{{ layui.setter.paths.base }}style/imgs/template/portrait.png"></script>
</a>
<a href="javascript:;">
<div class="cmdlist-text">
<p class="info">标题标题标题标题标题标题标题标题标题标题标题标题标题标题</p>
<div class="price">
<b>¥79</b>
<p>
¥
<del>130</del>
</p>
<span class="flow">
<i class="layui-icon layui-icon-rate"></i>
433
</span>
</div>
</div>
</a>
</div>
</div>
<div class="layui-col-md2 layui-col-sm4">
<div class="cmdlist-container">
<a href="javascript:;">
<script type="text/html" template><img src="{{ layui.setter.paths.base }}style/imgs/template/portrait.png"></script>
</a>
<a href="javascript:;">
<div class="cmdlist-text">
<p class="info">标题标题标题标题标题标题标题标题标题标题标题标题标题标题</p>
<div class="price">
<b>¥79</b>
<p>
¥
<del>130</del>
</p>
<span class="flow">
<i class="layui-icon layui-icon-rate"></i>
433
</span>
</div>
</div>
</a>
</div>
</div>
<div class="layui-col-md2 layui-col-sm4">
<div class="cmdlist-container">
<a href="javascript:;">
<script type="text/html" template><img src="{{ layui.setter.paths.base }}style/imgs/template/portrait.png"></script>
</a>
<a href="javascript:;">
<div class="cmdlist-text">
<p class="info">标题标题标题标题标题标题标题标题标题标题标题标题标题标题</p>
<div class="price">
<b>¥79</b>
<p>
¥
<del>130</del>
</p>
<span class="flow">
<i class="layui-icon layui-icon-rate"></i>
433
</span>
</div>
</div>
</a>
</div>
</div>
<div class="layui-col-md2 layui-col-sm4">
<div class="cmdlist-container">
<a href="javascript:;">
<script type="text/html" template><img src="{{ layui.setter.paths.base }}style/imgs/template/portrait.png"></script>
</a>
<a href="javascript:;">
<div class="cmdlist-text">
<p class="info">标题标题标题标题标题标题标题标题标题标题标题标题标题标题</p>
<div class="price">
<b>¥79</b>
<p>
¥
<del>130</del>
</p>
<span class="flow">
<i class="layui-icon layui-icon-rate"></i>
433
</span>
</div>
</div>
</a>
</div>
</div>
<div class="layui-col-md2 layui-col-sm4">
<div class="cmdlist-container">
<a href="javascript:;">
<script type="text/html" template><img src="{{ layui.setter.paths.base }}style/imgs/template/portrait.png"></script>
</a>
<a href="javascript:;">
<div class="cmdlist-text">
<p class="info">标题标题标题标题标题标题标题标题标题标题标题标题标题标题</p>
<div class="price">
<b>¥79</b>
<p>
¥
<del>130</del>
</p>
<span class="flow">
<i class="layui-icon layui-icon-rate"></i>
433
</span>
</div>
</div>
</a>
</div>
</div>
<div class="layui-col-md2 layui-col-sm4">
<div class="cmdlist-container">
<a href="javascript:;">
<script type="text/html" template><img src="{{ layui.setter.paths.base }}style/imgs/template/portrait.png"></script>
</a>
<a href="javascript:;">
<div class="cmdlist-text">
<p class="info">标题标题标题标题标题标题标题标题标题标题标题标题标题标题</p>
<div class="price">
<b>¥79</b>
<p>
¥
<del>130</del>
</p>
<span class="flow">
<i class="layui-icon layui-icon-rate"></i>
433
</span>
</div>
</div>
</a>
</div>
</div>
<div class="layui-col-md2 layui-col-sm4">
<div class="cmdlist-container">
<a href="javascript:;">
<script type="text/html" template><img src="{{ layui.setter.paths.base }}style/imgs/template/portrait.png"></script>
</a>
<a href="javascript:;">
<div class="cmdlist-text">
<p class="info">标题标题标题标题标题标题标题标题标题标题标题标题标题标题</p>
<div class="price">
<b>¥79</b>
<p>
¥
<del>130</del>
</p>
<span class="flow">
<i class="layui-icon layui-icon-rate"></i>
433
</span>
</div>
</div>
</a>
</div>
</div>
<div class="layui-col-md2 layui-col-sm4">
<div class="cmdlist-container">
<a href="javascript:;">
<script type="text/html" template><img src="{{ layui.setter.paths.base }}style/imgs/template/portrait.png"></script>
</a>
<a href="javascript:;">
<div class="cmdlist-text">
<p class="info">标题标题标题标题标题标题标题标题标题标题标题标题标题标题</p>
<div class="price">
<b>¥79</b>
<p>
¥
<del>130</del>
</p>
<span class="flow">
<i class="layui-icon layui-icon-rate"></i>
433
</span>
</div>
</div>
</a>
</div>
</div>
<div class="layui-col-md2 layui-col-sm4">
<div class="cmdlist-container">
<a href="javascript:;">
<script type="text/html" template><img src="{{ layui.setter.paths.base }}style/imgs/template/portrait.png"></script>
</a>
<a href="javascript:;">
<div class="cmdlist-text">
<p class="info">标题标题标题标题标题标题标题标题标题标题标题标题标题标题</p>
<div class="price">
<b>¥79</b>
<p>
¥
<del>130</del>
</p>
<span class="flow">
<i class="layui-icon layui-icon-rate"></i>
433
</span>
</div>
</div>
</a>
</div>
</div>
<div class="layui-col-md2 layui-col-sm4">
<div class="cmdlist-container">
<a href="javascript:;">
<script type="text/html" template><img src="{{ layui.setter.paths.base }}style/imgs/template/portrait.png"></script>
</a>
<a href="javascript:;">
<div class="cmdlist-text">
<p class="info">标题标题标题标题标题标题标题标题标题标题标题标题标题标题</p>
<div class="price">
<b>¥79</b>
<p>
¥
<del>130</del>
</p>
<span class="flow">
<i class="layui-icon layui-icon-rate"></i>
433
</span>
</div>
</div>
</a>
</div>
</div>
<div class="layui-col-md2 layui-col-sm4">
<div class="cmdlist-container">
<a href="javascript:;">
<script type="text/html" template><img src="{{ layui.setter.paths.base }}style/imgs/template/portrait.png"></script>
</a>
<a href="javascript:;">
<div class="cmdlist-text">
<p class="info">标题标题标题标题标题标题标题标题标题标题标题标题标题标题</p>
<div class="price">
<b>¥79</b>
<p>
¥
<del>130</del>
</p>
<span class="flow">
<i class="layui-icon layui-icon-rate"></i>
433
</span>
</div>
</div>
</a>
</div>
</div>
<div class="layui-col-md2 layui-col-sm4">
<div class="cmdlist-container">
<a href="javascript:;">
<script type="text/html" template><img src="{{ layui.setter.paths.base }}style/imgs/template/portrait.png"></script>
</a>
<a href="javascript:;">
<div class="cmdlist-text">
<p class="info">标题标题标题标题标题标题标题标题标题标题标题标题标题标题</p>
<div class="price">
<b>¥79</b>
<p>
¥
<del>130</del>
</p>
<span class="flow">
<i class="layui-icon layui-icon-rate"></i>
433
</span>
</div>
</div>
</a>
</div>
</div>
<div class="layui-col-md2 layui-col-sm4">
<div class="cmdlist-container">
<a href="javascript:;">
<script type="text/html" template><img src="{{ layui.setter.paths.base }}style/imgs/template/portrait.png"></script>
</a>
<a href="javascript:;">
<div class="cmdlist-text">
<p class="info">标题标题标题标题标题标题标题标题标题标题标题标题标题标题</p>
<div class="price">
<b>¥79</b>
<p>
¥
<del>130</del>
</p>
<span class="flow">
<i class="layui-icon layui-icon-rate"></i>
433
</span>
</div>
</div>
</a>
</div>
</div>
<div class="layui-col-md12 layui-col-sm12">
<div id="demo0"></div>
</div>
</div>
</div>
<script>
layui.use(['admin', 'laypage', 'layer'], function(){
var $ = layui.$
,admin = layui.admin
,laypage = layui.laypage
,layer = layui.layer;
laypage.render({
elem: 'demo0'
,count: 50 //数据总数
});
});
</script>

View File

@@ -0,0 +1,98 @@
<title>留言板</title>
<script type="text/html" template>
<link rel="stylesheet" href="{{ layui.setter.paths.base }}style/template.css?v={{ layui.admin.v }}" media="all">
</script>
<div class="layui-card layadmin-header">
<div class="layui-breadcrumb" lay-filter="breadcrumb">
<a lay-href="">主页</a>
<a><cite>页面</cite></a>
<a><cite>留言板</cite></a>
</div>
</div>
<div class="layui-fluid layadmin-message-fluid">
<div class="layui-row">
<div class="layui-col-md12">
<div class="layui-form">
<div class="layui-form-item layui-form-text">
<div class="layui-input-block">
<textarea name="desc" placeholder="请输入内容" class="layui-textarea"></textarea>
</div>
</div>
<div class="layui-form-item" style="overflow: hidden;">
<div class="layui-input-block layui-input-right">
<button class="layui-btn" lay-submit lay-filter="formDemo">发表</button>
</div>
<div class="layadmin-messag-icon">
<a href="javascript:;"><i class="layui-icon layui-icon-face-smile-b"></i></a>
<a href="javascript:;"><i class="layui-icon layui-icon-picture"></i></a>
<a href="javascript:;"><i class="layui-icon layui-icon-link"></i></a>
</div>
</div>
</div>
</div>
<div class="layui-col-md12 layadmin-homepage-list-imgtxt message-content">
<div class="media-body">
<a href="javascript:;" class="media-left" style="float: left;">
<script type="text/html" template>
<img src="{{ layui.setter.paths.base }}style/imgs/template/portrait.png" height="46px" width="46px">
</script>
</a>
<div class="pad-btm">
<p class="fontColor"><a href="javascript:;">张三</a></p>
<p class="min-font">
<span class="layui-breadcrumb" lay-separator="-">
<a href="javascript:;" class="layui-icon layui-icon-cellphone"></a>
<a href="javascript:;">从移动</a>
<a href="javascript:;">11分钟前</a>
</span>
</p>
</div>
<p class="message-text">内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>
</div>
<div class="media-body">
<a href="javascript:;" class="media-left" style="float: left;">
<script type="text/html" template>
<img src="{{ layui.setter.paths.base }}style/imgs/template/portrait.png" height="46px" width="46px">
</script>
</a>
<div class="pad-btm">
<p class="fontColor"><a href="javascript:;">张三</a></p>
<p class="min-font">
<span class="layui-breadcrumb" lay-separator="-">
<a href="javascript:;" class="layui-icon layui-icon-cellphone"></a>
<a href="javascript:;">从移动</a>
<a href="javascript:;">11分钟前</a>
</span>
</p>
</div>
<p class="message-text">内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>
</div>
<div class="layui-row message-content-btn">
<a href="javascript:;" class="layui-btn">更多</a>
</div>
</div>
</div>
</div>
<script>
layui.use(['admin', 'layer', 'form'], function(){
var $ = layui.$
,admin = layui.admin
,element = layui.element
,form = layui.form;
element.render();
form.on('submit(formDemo)', function(data){
// layer.alert(layui.util.escape(JSON.stringify(data.field)));
return false;
});
});
</script>

View File

@@ -0,0 +1,425 @@
<title>个人主页</title>
<script type="text/html" template>
<link rel="stylesheet" href="{{ layui.setter.paths.base }}style/template.css?v={{ layui.admin.v }}" media="all">
</script>
<div class="layui-card layadmin-header">
<div class="layui-breadcrumb" lay-filter="breadcrumb">
<a lay-href="">主页</a>
<a><cite>页面</cite></a>
<a><cite>个人主页</cite></a>
</div>
</div>
<div class="layui-fluid layadmin-homepage-fluid">
<div class="layui-row layui-col-space8">
<div class="layui-col-md2">
<div class="layadmin-homepage-panel layadmin-homepage-shadow">
<div class="layui-card text-center">
<div class="layui-card-body">
<div class="layadmin-homepage-pad-ver">
<script type="text/html" template>
<img class="layadmin-homepage-pad-img" src="{{ layui.setter.paths.base }}style/imgs/template/portrait.png" width="96" height="96">
</script>
</div>
<h4 class="layadmin-homepage-font">张三</h4>
<p class="layadmin-homepage-min-font">中国非知名前端</p>
<div class="layadmin-homepage-pad-ver">
<a href="javascript:;" class="layui-icon layui-icon-cellphone"></a>
<a href="javascript:;" class="layui-icon layui-icon-vercode"></a>
<a href="javascript:;" class="layui-icon layui-icon-login-wechat"></a>
<a href="javascript:;" class="layui-icon layui-icon-login-qq"></a>
</div>
<button class="layui-btn layui-btn-fluid">跟随</button>
</div>
</div>
<p class="layadmin-homepage-about">
关于我
</p>
<ul class="layadmin-homepage-list-group">
<li class="list-group-item"><i class="layui-icon layui-icon-location"></i>中国上海</li>
<li class="list-group-item"><a href="javascript:;" class="color"><i class="layui-icon layui-icon-snowflake"></i><span style="word-wrap:break-word;">https://weibo.com/123</span></a></li>
</ul>
<div class="layadmin-homepage-pad-hor">
<mdall>介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍</mdall>
</div>
<p class="layadmin-homepage-about">
技能
</p>
<ul class="layadmin-homepage-list-inline">
<a href="javascript:;" class="layui-btn layui-btn-primary">前端</a>
<a href="javascript:;" class="layui-btn layui-btn-primary">主持人</a>
<a href="javascript:;" class="layui-btn layui-btn-primary">摄影师</a>
<a href="javascript:;" class="layui-btn layui-btn-primary">导演</a>
<a href="javascript:;" class="layui-btn layui-btn-primary">公共人物</a>
</ul>
</div>
</div>
<div class="layui-col-md10">
<div class="layui-fluid layadmin-homepage-content">
<div class="layui-row layadmin-homepage-padding15">
<hr class="new-section-xs"></hr>
<div class="layui-col-md7 layadmin-homepage-padding8">
<div class="layui-row layadmin-homepage-text-center">
<div class="layui-col-md3 layui-col-sm3 layui-col-xs3">
<p class="h4">52K</p>
<mdall>关注</mdall>
</div>
<div class="layui-col-md3 layui-col-sm3 layui-col-xs3">
<p class="h4">72K</p>
<mdall>以下</mdall>
</div>
<div class="layui-col-md3 layui-col-sm3 layui-col-xs3">
<p class="h4">5343</p>
<mdall>照片</mdall>
</div>
<div class="layui-col-md3 layui-col-sm3 layui-col-xs3">
<p class="h4"><i class="layui-icon layui-icon-rate-solid"></i>4.5</p>
<mdall>排行</mdall>
</div>
</div>
</div>
<div class="layui-col-md5">
<a href="javascript:;" class="layui-btn layui-btn-normal">下载简历</a>
<a href="javascript:;" class="layui-btn">发信息</a>
</div>
</div>
<div class="layui-row layui-col-space20 layadmin-homepage-list-imgtxt">
<div class="layui-col-md9">
<div class="grid-demo">
<div class="panel-body layadmin-homepage-shadow">
<a href="javascript:;" class="media-left">
<script type="text/html" template>
<img src="{{ layui.setter.paths.base }}style/imgs/template/portrait.png" height="46px" width="46px">
</script>
</a>
<div class="media-body">
<div class="pad-btm">
<p class="fontColor"><a href="javascript:;">张三</a><span>普通照片</span>添加了新的<span>照片</span></p>
<p class="min-font">
<span class="layui-breadcrumb" lay-separator="-">
<a href="javascript:;" class="layui-icon layui-icon-cellphone"></a>
<a href="javascript:;">从移动</a>
<a href="javascript:;">11分钟前</a>
</span>
</p>
</div>
<p>内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>
<script type="text/html" template>
<img class="h-img" src="{{ layui.setter.paths.base }}style/imgs/template/huge.jpg">
</script>
<div class="media">
<div class="media-right">
<ul class="list-inline">
<li>
<i class="layui-icon layui-icon-camera-fill"></i>
<span>107</span>
</li>
<li>
<i class="layui-icon layui-icon-group"></i>
<span>95</span>
</li>
</ul>
</div>
<div class="media-left">
<ul class="list-inline">
<li>
<a href="javascript:;">
<script type="text/html" template>
<img class="img-xs" src="{{ layui.setter.paths.base }}style/imgs/template/portrait.png">
</script>
</a>
</li>
<li>
<a href="javascript:;">
<script type="text/html" template>
<img class="img-xs" src="{{ layui.setter.paths.base }}style/imgs/template/portrait.png">
</script>
</a>
</li>
<li>
<a href="javascript:;">
<script type="text/html" template>
<img class="img-xs" src="{{ layui.setter.paths.base }}style/imgs/template/portrait.png">
</script>
</a>
</li>
<li>
<a href="javascript:;" class="">
14+
</a>
</li>
</ul>
</div>
</div>
<div class="media-list">
<div class="media-item">
<a href="javascript:;" class="media-item-left">
<script type="text/html" template>
<img class="img-xs" src="{{ layui.setter.paths.base }}style/imgs/template/portrait.png">
</script>
</a>
<div class="media-text">
<div>
<a href="javascript:;">张三</a>
<mdall> 3月21日 19:56</mdall>
</div>
<div>一次难忘更难得的拍摄经历 谢谢</div>
</div>
</div>
<div class="media-item">
<a href="javascript:;" class="media-item-left">
<script type="text/html" template>
<img class="img-xs" src="{{ layui.setter.paths.base }}style/imgs/template/portrait.png">
</script>
</a>
<div class="media-text">
<div>
<a href="javascript:;">张三</a>
<mdall> 3月21日 19:56</mdall>
</div>
<div>一次难忘更难得的拍摄经历 谢谢</div>
</div>
</div>
<div class="media-item">
<a href="javascript:;" class="media-item-left">
<script type="text/html" template>
<img class="img-xs" src="{{ layui.setter.paths.base }}style/imgs/template/portrait.png">
</script>
</a>
<div class="media-text">
<div>
<a href="javascript:;">张三</a>
<mdall> 3月21日 19:56</mdall>
</div>
<div>一次难忘更难得的拍摄经历 谢谢</div>
</div>
</div>
<a href="javascript:;" class="layui-btn">更多</a>
</div>
</div>
</div>
<div class="panel-body layadmin-homepage-shadow">
<a href="javascript:;" class="media-left">
<script type="text/html" template>
<img src="{{ layui.setter.paths.base }}style/imgs/template/portrait.png" height="46px" width="46px">
</script>
</a>
<div class="media-body">
<div class="pad-btm">
<p class="fontColor"><a href="javascript:;">张三</a><span>普通照片</span>添加了新的<span>照片</span></p>
<p class="min-font">
<span class="layui-breadcrumb" lay-separator="-">
<a href="javascript:;" class="layui-icon layui-icon-cellphone"></a>
<a href="javascript:;">从移动</a>
<a href="javascript:;">11分钟前</a>
</span>
</p>
</div>
<p>内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>
<div class="media">
<div class="media-right">
<ul class="list-inline">
<li>
<i class="layui-icon layui-icon-camera-fill"></i>
<span>107</span>
</li>
<li>
<i class="layui-icon layui-icon-group"></i>
<span>95</span>
</li>
</ul>
</div>
<div class="media-left">
<ul class="list-inline">
<li>
<a href="javascript:;">
<script type="text/html" template>
<img class="img-xs" src="{{ layui.setter.paths.base }}style/imgs/template/portrait.png">
</script>
</a>
</li>
<li>
<a href="javascript:;">
<script type="text/html" template>
<img class="img-xs" src="{{ layui.setter.paths.base }}style/imgs/template/portrait.png">
</script>
</a>
</li>
<li>
<a href="javascript:;">
<script type="text/html" template>
<img class="img-xs" src="{{ layui.setter.paths.base }}style/imgs/template/portrait.png">
</script>
</a>
</li>
<li>
<a href="javascript:;" class="">
14+
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="layui-col-md3">
<div class="grid-demo">
<div class="layui-card homepage-top">
<div class="layui-card-header">
<h3 class="panel-title">
<i class="layui-icon layui-icon-picture"></i>
画廊
</h3>
</div>
<div class="layui-card-body">
<div class="layui-row layui-col-space15">
<div class="layui-col-md4">
<script type="text/html" template>
<img src="{{ layui.setter.paths.base }}style/imgs/template/portrait.png">
</script>
</div>
<div class="layui-col-md4">
<script type="text/html" template>
<img src="{{ layui.setter.paths.base }}style/imgs/template/portrait.png">
</script>
</div>
<div class="layui-col-md4">
<script type="text/html" template>
<img src="{{ layui.setter.paths.base }}style/imgs/template/portrait.png">
</script>
</div>
<div class="layui-col-md4">
<script type="text/html" template>
<img src="{{ layui.setter.paths.base }}style/imgs/template/portrait.png">
</script>
</div>
<div class="layui-col-md4">
<script type="text/html" template>
<img src="{{ layui.setter.paths.base }}style/imgs/template/portrait.png">
</script>
</div>
<div class="layui-col-md4">
<script type="text/html" template>
<img src="{{ layui.setter.paths.base }}style/imgs/template/portrait.png">
</script>
</div>
<div class="layui-col-md4">
<script type="text/html" template>
<img src="{{ layui.setter.paths.base }}style/imgs/template/portrait.png">
</script>
</div>
<div class="layui-col-md4">
<script type="text/html" template>
<img src="{{ layui.setter.paths.base }}style/imgs/template/portrait.png">
</script>
</div>
<div class="layui-col-md4">
<script type="text/html" template>
<img src="{{ layui.setter.paths.base }}style/imgs/template/portrait.png">
</script>
</div>
<div class="layui-col-md12 margin-top10">
<a href="javascript:;" class="layui-btn layui-btn-primary">更多</a>
</div>
</div>
</div>
</div>
<div class="layui-card homepage-bottom">
<div class="layui-card-header">
<h3 class="panel-title">
<i class="layui-icon layui-icon-user"></i>
私信
</h3>
</div>
<div class="layui-card-body">
<a href="javascript:;" class="layadmin-privateletterlist-item">
<div class="meida-left">
<script type="text/html" template>
<img src="{{ layui.setter.paths.base }}style/imgs/template/portrait.png">
</script>
</div>
<div class="meida-right">
<p>张三</p>
<mdall>人生是一场修行,不要轻易交白卷</mdall>
</div>
</a>
<a href="javascript:;" class="layadmin-privateletterlist-item">
<div class="meida-left">
<script type="text/html" template>
<img src="{{ layui.setter.paths.base }}style/imgs/template/portrait.png">
</script>
</div>
<div class="meida-right">
<p>张三</p>
<mdall>人生是一场修行,不要轻易交白卷</mdall>
</div>
</a>
<a href="javascript:;" class="layadmin-privateletterlist-item">
<div class="meida-left">
<script type="text/html" template>
<img src="{{ layui.setter.paths.base }}style/imgs/template/portrait.png">
</script>
</div>
<div class="meida-right">
<p>张三</p>
<mdall>人生是一场修行,不要轻易交白卷</mdall>
</div>
</a>
<a href="javascript:;" class="layadmin-privateletterlist-item">
<div class="meida-left">
<script type="text/html" template>
<img src="{{ layui.setter.paths.base }}style/imgs/template/portrait.png">
</script>
</div>
<div class="meida-right">
<p>张三</p>
<mdall>人生是一场修行,不要轻易交白卷</mdall>
</div>
</a>
<a href="javascript:;" class="layadmin-privateletterlist-item">
<div class="meida-left">
<script type="text/html" template>
<img src="{{ layui.setter.paths.base }}style/imgs/template/portrait.png">
</script>
</div>
<div class="meida-right">
<p>张三</p>
<mdall>人生是一场修行,不要轻易交白卷</mdall>
</div>
</a>
<a href="javascript:;" class="layadmin-privateletterlist-item">
<div class="meida-left">
<script type="text/html" template>
<img src="{{ layui.setter.paths.base }}style/imgs/template/portrait.png">
</script>
</div>
<div class="meida-right">
<p>张三</p>
<mdall>人生是一场修行,不要轻易交白卷</mdall>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
layui.use(['admin'], function(){
var $ = layui.$
,admin = layui.admin;
});
</script>

View File

@@ -0,0 +1,97 @@
<title>搜索结果</title>
<script type="text/html" template>
<link rel="stylesheet" href="{{ layui.setter.paths.base }}style/template.css?v={{ layui.admin.v }}" media="all">
</script>
<div class="layui-card layadmin-header">
<div class="layui-breadcrumb" lay-filter="breadcrumb">
<a lay-href="">主页</a>
<a><cite>页面</cite></a>
<a><cite>搜索结果</cite></a>
</div>
</div>
<div class="layui-fluid">
<div class="layui-row layui-col-space15">
<div class="layui-col-md12">
<div class="layui-card layadmin-serach-main">
<div class="layui-card-header">
<p style="font-size: 18px;">
<span style="color: #01AAED">关键词</span> 查询到
<strong>66</strong> 个结果
</p>
<p class="layadmin-font-em">耗时350ms</p>
</div>
<div class="layui-card-body">
<ul class="layadmin-serach-list layui-text">
<li>
<div class="layui-serachlist-text">
<h3><a href="http://www.baidu.com#/admin/" target="_blank">前端的进化?</a></h3>
<p>在前端技术的快速发展中找准你的定位,在思考与实践中沉淀。。在前端技术的快速发展中找准你的定位,在思考与实践中沉淀。。在前端技术的快速发展中找准你的定位,在思考与实践中沉淀。。在前端技术的快速发展中找准你的定位,在思考与实践中沉淀。。在前端技术的快速发展中找准你的定位,在思考与实践中沉淀。。在前端技术的快速发展中找准你的定位,在思考与实践中沉淀。。在前端技术的快速发展中找准你的定位,在思考与实践中沉淀。。在前端技术的快速发展中找准你的定位,在思考与实践中沉淀。。在前端技术的快速发展中找准你的定位,在思考与实践中沉淀。。在前端技术的快速发展中找准你的定位,在思考与实践中沉淀。。</p>
</div>
</li>
<li>
<a href="http://www.baidu.com#/admin/" target="_blank" class="layui-serachlist-cover">
<script type="text/html" template>
<img src="{{ layui.setter.paths.base }}style/imgs/layui-logo.jpg">
</script>
</a>
<div class="layui-serachlist-text">
<h3><a href="http://www.baidu.com#/admin/" target="_blank">前端 UI</a></h3>
<p> UI 设计(或称界面设计)是指对软件的人机交互、操作逻辑、界面美观的整体设计。 UI 设计分为实体 UI和虚拟 UI互联网常用的 UI 设计是虚拟 UI UI即 User Interface (用户界面)的简称。</p>
</div>
</li>
<li>
<div class="layui-serachlist-text">
<h3><a href="http://www.baidu.com#/admin/" target="_blank">前端的进化?</a></h3>
<p>在前端技术的快速发展中找准你的定位,在思考与实践中沉淀。。在前端技术的快速发展中找准你的定位,在思考与实践中沉淀。。在前端技术的快速发展中找准你的定位,在思考与实践中沉淀。。在前端技术的快速发展中找准你的定位,在思考与实践中沉淀。。在前端技术的快速发展中找准你的定位,在思考与实践中沉淀。。在前端技术的快速发展中找准你的定位,在思考与实践中沉淀。。在前端技术的快速发展中找准你的定位,在思考与实践中沉淀。。在前端技术的快速发展中找准你的定位,在思考与实践中沉淀。。在前端技术的快速发展中找准你的定位,在思考与实践中沉淀。。在前端技术的快速发展中找准你的定位,在思考与实践中沉淀。。</p>
<p>
<span class="layui-badge layui-bg-green">前端</span>
<span class="layui-badge layui-bg-blue">性别</span>
<span class="layui-badge layui-bg-orange"></span>
</p>
</div>
</li>
<li>
<div class="layui-serachlist-text">
<h3>
<span class="layui-badge">热点</span>
<a href="http://www.baidu.com#/admin/" target="_blank"> UI 设计</a>
</h3>
<p> UI 设计(或称界面设计)是指对软件的人机交互、操作逻辑、界面美观的整体设计。 UI 设计分为实体 UI和虚拟 UI互联网常用的 UI 设计是虚拟 UI UI即 User Interface (用户界面)的简称。</p>
</div>
</li>
<li>
<div class="layui-serachlist-text">
<h3><a href="http://www.baidu.com#/admin/" target="_blank">前端的进化?</a></h3>
<p>在前端技术的快速发展中找准你的定位,在思考与实践中沉淀。。在前端技术的快速发展中找准你的定位,在思考与实践中沉淀。。在前端技术的快速发展中找准你的定位,在思考与实践中沉淀。。在前端技术的快速发展中找准你的定位,在思考与实践中沉淀。。在前端技术的快速发展中找准你的定位,在思考与实践中沉淀。。在前端技术的快速发展中找准你的定位,在思考与实践中沉淀。。在前端技术的快速发展中找准你的定位,在思考与实践中沉淀。。在前端技术的快速发展中找准你的定位,在思考与实践中沉淀。。在前端技术的快速发展中找准你的定位,在思考与实践中沉淀。。在前端技术的快速发展中找准你的定位,在思考与实践中沉淀。。</p>
</div>
</li>
</ul>
<div id="LAY-template-search-page" style="text-align: center;"></div>
</div>
</div>
</div>
</div>
</div>
<script>
layui.use(['admin', 'laypage'], function(){
var laypage = layui.laypage;
laypage.render({
elem: 'LAY-template-search-page'
,count: 66
,jump: function(obj, first){
if(!first){
layer.msg('第'+ obj.curr +'页');
}
}
});
});
</script>

View File

@@ -0,0 +1,15 @@
<title>404 页面不存在</title>
<div class="layui-fluid">
<div class="layadmin-tips">
<i class="layui-icon" face>&#xe664;</i>
<div class="layui-text">
<h1>
<span class="layui-anim layui-anim-loop layui-anim-">4</span>
<span class="layui-anim layui-anim-loop layui-anim-rotate">0</span>
<span class="layui-anim layui-anim-loop layui-anim-">4</span>
</h1>
</div>
</div>
</div>

View File

@@ -0,0 +1,13 @@
<title>出错了</title>
<div class="layui-fluid">
<div class="layadmin-tips">
<i class="layui-icon" face>&#xe664;</i>
<div class="layui-text" style="font-size: 20px;">
好像出错了呢
</div>
</div>
</div>