yhl452493373/layui-admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

增加单页应用的layui-admin

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

194
single/res/views/home/homepage1.html Normal file
View File

@@ -0,0 +1,194 @@
<title>主页一</title>
<div class="layui-card layadmin-header">
<div class="layui-breadcrumb" lay-filter="breadcrumb">
<a lay-href="">主页</a>
<a><cite>主页一</cite></a>
</div>
</div>
<div class="layui-fluid">
<div class="layui-row layui-col-space15">
<div class="layui-col-md8">
<div class="layui-card">
<div class="layui-card-header">
最近更新
<a href="javascript:;/doc/base/changelog.html" class="layui-a-tips">全部更新</a>
</div>
<div class="layui-card-body">
<div class="layui-row layui-col-space10">
<div class="layui-col-xs12 layui-col-sm4">
<div class="layuiadmin-card-text">
<div class="layui-text-top"><i class="layui-icon layui-icon-water"></i><a href="javascript:;/doc/modules/flow.html">flow</a></div>
<p class="layui-text-center">修复开启 isLazyimg:true 后, 图片懒加载但是图片不存在的报错问题</p>
<p class="layui-text-bottom"><a href="javascript:;/doc/modules/flow.html">流加载</a><span>7 天前</span></p>
</div>
</div>
<div class="layui-col-xs12 layui-col-sm4">
<div class="layuiadmin-card-text">
<div class="layui-text-top"><i class="layui-icon layui-icon-upload-circle"></i><a href="javascript:;/doc/modules/upload.html">upload</a></div>
<p class="layui-text-center">修复开启 size 参数后，文件超出规定大小时，提示信息有误的问题</p>
<p class="layui-text-bottom"><a href="javascript:;/doc/modules/upload.html">文件上传</a><span>7 天前</span></p>
</div>
</div>
<div class="layui-col-xs12 layui-col-sm4">
<div class="layuiadmin-card-text">
<div class="layui-text-top"><i class="layui-icon layui-icon-form"></i><a href="javascript:;/doc/modules/form.html#val">form</a></div>
<p class="layui-text-center">增加 form.val(filter, fields)方法，用于给指定表单集合的元素初始赋值</p>
<p class="layui-text-bottom"><a href="javascript:;/doc/modules/form.html">表单</a><span>7 天前</span></p>
</div>
</div>
<div class="layui-col-xs12 layui-col-sm4">
<div class="layuiadmin-card-text">
<div class="layui-text-top"><i class="layui-icon layui-icon-form"></i><a href="javascript:;/doc/modules/form.html">form</a></div>
<p class="layui-text-center">对 select 组件新增上下键（↑ ↓）回车键（Enter）选择功能</p>
<p class="layui-text-bottom"><a href="javascript:;/doc/modules/form.html">表单</a><span>7 天前</span></p>
</div>
</div>
<div class="layui-col-xs12 layui-col-sm4">
<div class="layuiadmin-card-text">
<div class="layui-text-top"><i class="layui-icon layui-icon-form"></i><a href="javascript:;/doc/modules/form.html">form</a></div>
<p class="layui-text-center">优化 switch 开关组件，让其能根据文本自由伸缩宽</p>
<p class="layui-text-bottom"><a href="javascript:;/doc/modules/form.html">表单</a><span>7 天前</span></p>
</div>
</div>
<div class="layui-col-xs12 layui-col-sm4">
<div class="layuiadmin-card-text">
<div class="layui-text-top"><i class="layui-icon layui-icon-form"></i><a href="javascript:;/doc/modules/form.html">form</a></div>
<p class="layui-text-center">修复 checkbox 复选框组件在高分辨屏下出现的样式不雅问题</p>
<p class="layui-text-bottom"><a href="javascript:;/doc/modules/form.html">表单</a><span>7 天前</span></p>
</div>
</div>
</div>
</div>
</div>
<div class="layui-card">
<div class="layui-card-header">动态</div>
<div class="layui-card-body">
<dl class="layuiadmin-card-status">
<dd>
<div class="layui-status-img"><a href="javascript:;"><img src="./res/style/imgs/logo.png"></a></div>
<div>
<p>张三 在 <a href="javascript:;/vipclub/list/layuiadmin/">讨论区</a> 回答问题</p>
<span>几秒前</span>
</div>
</dd>
<dd>
<div class="layui-status-img"><a href="javascript:;"><img src="./res/style/imgs/logo.png"></a></div>
<div>
<p>张三 在 <a href="javascript:;/vipclub/list/layuiadmin/">讨论区</a> 进行了 <a href="javascript:;/vipclub/list/layuiadmin/column/quiz/">提问</a></p>
<span>2天前</span>
</div>
</dd>
<dd>
<div class="layui-status-img"><a href="javascript:;"><img src="./res/style/imgs/logo.png"></a></div>
<div>
<p>张三 将 <a href="javascript:;/">layui</a> 更新至 2.3.0-rc1 版本</p>
<span>7天前</span>
</div>
</dd>
<dd>
<div class="layui-status-img"><a href="javascript:;"><img src="./res/style/imgs/logo.png"></a></div>
<div>
<p>张三 在 <a href="javascript:;/">Issues 区</a> 发布了 <a href="javascript:;/column/suggest/">建议</a></p>
<span>7天前</span>
</div>
</dd>
<dd>
<div class="layui-status-img"><a href="javascript:;"><img src="./res/style/imgs/logo.png"></a></div>
<div>
<p>张三 在 <a href="javascript:;/">Issues 区</a> 发布了 <a href="javascript:;/column/suggest/">建议</a></p>
<span>8天前</span>
</div>
</dd>
<dd>
<div class="layui-status-img"><a href="javascript:;"><img src="./res/style/imgs/logo.png"></a></div>
<div>
<p>张三 在 <a href="javascript:;/vipclub/list/layuiadmin/">讨论区</a> 进行了 <a href="javascript:;/vipclub/list/layuiadmin/column/quiz/">提问</a></p>
<span>8天前</span>
</div>
</dd>
</dl>
</div>
</div>
</div>
<div class="layui-col-md4">
<div class="layui-card">
<div class="layui-card-header">快速开始/便捷导航</div>
<div class="layui-card-body">
<div class="layuiadmin-card-link">
<a href="javascript:;">操作一</a>
<a href="javascript:;">操作二</a>
<a href="javascript:;">操作三</a>
<a href="javascript:;">操作四</a>
<a href="javascript:;">操作五</a>
<a href="javascript:;">操作六</a>
<button class="layui-btn layui-btn-primary layui-btn-xs">
<i class="layui-icon layui-icon-add-1" style="position: relative; top: -1px;"></i>添加
</button>
</div>
</div>
</div>
<div class="layui-card">
<div class="layui-card-header">八卦新闻</div>
<div class="layui-card-body">
<div class="layui-carousel layadmin-carousel layadmin-dataview" data-anim="fade" lay-filter="LAY-index-pageone">
<div carousel-item id="LAY-index-pageone">
<div><i class="layui-icon layui-icon-loading1 layadmin-loading"></i></div>
</div>
</div>
</div>
</div>
<div class="layui-card">
<div class="layui-card-header">重点组件</div>
<div class="layui-card-body">
<ul class="layui-row layuiadmin-card-team">
<li class="layui-col-xs6">
<a href="javascript:;/doc/modules/table.html">
<span class="layui-team-img"><img src="./res/style/imgs/logo.png"></span>
<span>数据表格</span>
</a>
</li>
<li class="layui-col-xs6">
<a href="javascript:;/doc/modules/layim.html">
<span class="layui-team-img"><img src="./res/style/imgs/logo.png"></span>
<span>即时通讯</span>
</a>
</li>
<li class="layui-col-xs6">
<a href="javascript:;/doc/modules/form.html">
<span class="layui-team-img"><img src="./res/style/imgs/logo.png"></span>
<span>表单</span>
</a>
</li>
<li class="layui-col-xs6">
<a href="javascript:;/doc/modules/layer.html">
<span class="layui-team-img"><img src="./res/style/imgs/logo.png"></span>
<span>弹出层</span>
</a>
</li>
<li class="layui-col-xs6">
<a href="javascript:;/doc/modules/upload.html">
<span class="layui-team-img"><img src="./res/style/imgs/logo.png"></span>
<span>文件上传</span>
</a>
</li>
<li class="layui-col-xs6">
<a href="javascript:;/doc/modules/rate.html">
<span class="layui-team-img"><img src="./res/style/imgs/logo.png"></span>
<span>评分</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<script>
layui.use('sample', layui.factory('sample'));
</script>

306
single/res/views/home/homepage2.html Normal file
View File

@@ -0,0 +1,306 @@
<title>主页二</title>
<div class="layui-card layadmin-header">
<div class="layui-breadcrumb" lay-filter="breadcrumb">
<a lay-href="">主页</a>
<a><cite>主页二</cite></a>
</div>
</div>
<div class="layui-fluid">
<div class="layui-row layui-col-space15">
<div class="layui-col-sm6 layui-col-md3">
<div class="layui-card">
<div class="layui-card-header">
访问量
<span class="layui-badge layui-bg-blue layuiadmin-badge">周</span>
</div>
<div class="layui-card-body layuiadmin-card-list">
<p class="layuiadmin-big-font">99,777</p>
<p>
总计访问量
<span class="layuiadmin-span-color">88万 <i class="layui-icon">&#xe66c;</i></span>
</p>
</div>
</div>
</div>
<div class="layui-col-sm6 layui-col-md3">
<div class="layui-card">
<div class="layui-card-header">
下载
<span class="layui-badge layui-bg-cyan layuiadmin-badge">月</span>
</div>
<div class="layui-card-body layuiadmin-card-list">
<p class="layuiadmin-big-font">33,555</p>
<p>
新下载
<span class="layuiadmin-span-color">10% <i class="layui-icon">&#xe650;</i></span>
</p>
</div>
</div>
</div>
<div class="layui-col-sm6 layui-col-md3">
<div class="layui-card">
<div class="layui-card-header">
点赞
<span class="layui-badge layui-bg-green layuiadmin-badge">年</span>
</div>
<div class="layui-card-body layuiadmin-card-list">
<p class="layuiadmin-big-font">999,777</p>
<p>
总赞
<span class="layuiadmin-span-color">*** <i class="layui-icon layui-icon-heart"></i></span>
</p>
</div>
</div>
</div>
<div class="layui-col-sm6 layui-col-md3">
<div class="layui-card">
<div class="layui-card-header">
活跃用户
<span class="layui-badge layui-bg-orange layuiadmin-badge">月</span>
</div>
<div class="layui-card-body layuiadmin-card-list">
<p class="layuiadmin-big-font">66,777</p>
<p>
最近一个月
<span class="layuiadmin-span-color">15% <i class="layui-icon">&#xe770;</i></span>
</p>
</div>
</div>
</div>
<div class="layui-col-sm12">
<div class="layui-card">
<div class="layui-card-header">
访问量
<div class="layui-btn-group layuiadmin-btn-group">
<button class="layui-btn layui-btn-primary layui-btn-xs">去年</button>
<button class="layui-btn layui-btn-primary layui-btn-xs">今年</button>
</div>
</div>
<div class="layui-card-body">
<div class="layui-row">
<div class="layui-col-sm8">
<div class="layui-carousel layadmin-carousel layadmin-dataview" data-anim="fade" lay-filter="LAY-index-pagetwo">
<div carousel-item id="LAY-index-pagetwo">
<div><i class="layui-icon layui-icon-loading1 layadmin-loading"></i></div>
</div>
</div>
</div>
<div class="layui-col-sm4">
<div class="layuiadmin-card-list">
<p class="layuiadmin-normal-font">月访问数</p>
<span>同上期增长</span>
<div class="layui-progress layui-progress-big" lay-showPercent="yes">
<div class="layui-progress-bar" lay-percent="30%"></div>
</div>
</div>
<div class="layuiadmin-card-list">
<p class="layuiadmin-normal-font">月下载数</p>
<span>同上期增长</span>
<div class="layui-progress layui-progress-big" lay-showPercent="yes">
<div class="layui-progress-bar" lay-percent="20%"></div>
</div>
</div>
<div class="layuiadmin-card-list">
<p class="layuiadmin-normal-font">月点赞数</p>
<span>同上期增长</span>
<div class="layui-progress layui-progress-big" lay-showPercent="yes">
<div class="layui-progress-bar" lay-percent="25%"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="layui-col-sm4">
<div class="layui-card">
<div class="layui-card-header">用户留言</div>
<div class="layui-card-body">
<ul class="layuiadmin-card-status layuiadmin-home2-usernote">
<li>
<h3>张三</h3>
<p>作为 layui 官方原创的高质量管理系统模板，layuiAdmin 已经逐步成为后端工程师开发管理系统的首选界面模板。</p>
<span>5月30日 00:00</span>
<a href="javascript:;" layadmin-event="replyNote" data-id="7" class="layui-btn layui-btn-xs layuiadmin-reply">回复</a>
</li>
<li>
<h3>诸葛亮</h3>
<p>皓首匹夫！苍髯老贼！你枉活九十有六，一生未立寸功，只会摇唇鼓舌！助曹为虐！一条断脊之犬，还敢在我军阵前狺狺狂吠，我从未见过有如此厚颜无耻之人！</p>
<span>5月02日 00:00</span>
<a href="javascript:;" layadmin-event="replyNote" data-id="5" class="layui-btn layui-btn-xs layuiadmin-reply">回复</a>
</li>
<li>
<h3>张三</h3>
<p>你以为只要长得漂亮就有男生喜欢？你以为只要有了钱漂亮妹子就自己贴上来了？你以为学霸就能找到好工作？我告诉你吧，这些都是真的！</p>
<span>5月11日 00:00</span>
<a href="javascript:;" layadmin-event="replyNote" data-id="6" class="layui-btn layui-btn-xs layuiadmin-reply">回复</a>
</li>
<li>
<h3>杜甫</h3>
<p>人才虽高，不务学问，不能致圣。刘向十日画一水，五日画一石。</p>
<span>4月11日 00:00</span>
<a href="javascript:;" layadmin-event="replyNote" data-id="2" class="layui-btn layui-btn-xs layuiadmin-reply">回复</a>
</li>
<li>
<h3>鲁迅</h3>
<p>路本是无所谓有和无的，走的人多了，就没路了。。</p>
<span>4月28日 00:00</span>
<a href="javascript:;" layadmin-event="replyNote" data-id="4" class="layui-btn layui-btn-xs layuiadmin-reply">回复</a>
</li>
<li>
<h3>张爱玲</h3>
<p>于千万人之中遇到你所要遇到的人，于千万年之中，时间的无涯的荒野中，没有早一步，也没有晚一步，刚巧赶上了，那也没有别的话好说，唯有轻轻的问一声：“噢，原来你也在这里？”</p>
<span>4月11日 00:00</span>
<a href="javascript:;" layadmin-event="replyNote" data-id="1" class="layui-btn layui-btn-xs layuiadmin-reply">回复</a>
</li>
</ul>
</div>
</div>
</div>
<div class="layui-col-sm8">
<div class="layui-row layui-col-space15">
<div class="layui-col-sm6">
<div class="layui-card">
<div class="layui-card-header">本周活跃用户列表</div>
<div class="layui-card-body">
<table class="layui-table layuiadmin-page-table" lay-skin="line">
<thead>
<tr>
<th>用户名</th>
<th>最后登录时间</th>
<th>状态</th>
<th>获得赞</th>
</tr>
</thead>
<tbody>
<tr>
<td><span class="first">张三</span></td>
<td><i class="layui-icon layui-icon-log"> 11:20</i></td>
<td><span>在线</span></td>
<td>22 <i class="layui-icon layui-icon-praise"></i></td>
</tr>
<tr>
<td><span class="second">张三</span></td>
<td><i class="layui-icon layui-icon-log"> 10:40</i></td>
<td><span>在线</span></td>
<td>21 <i class="layui-icon layui-icon-praise"></i></td>
</tr>
<tr>
<td><span class="third">张三</span></td>
<td><i class="layui-icon layui-icon-log"> 01:30</i></td>
<td><i>离线</i></td>
<td>66 <i class="layui-icon layui-icon-praise"></i></td>
</tr>
<tr>
<td>张三</td>
<td><i class="layui-icon layui-icon-log"> 21:18</i></td>
<td><i>离线</i></td>
<td>45 <i class="layui-icon layui-icon-praise"></i></td>
</tr>
<tr>
<td>张三</td>
<td><i class="layui-icon layui-icon-log"> 09:30</i></td>
<td><span>在线</span></td>
<td>21 <i class="layui-icon layui-icon-praise"></i></td>
</tr>
<tr>
<td>张三</td>
<td><i class="layui-icon layui-icon-log"> 21:18</i></td>
<td><i>在线</i></td>
<td>45 <i class="layui-icon layui-icon-praise"></i></td>
</tr>
<tr>
<td>张三</td>
<td><i class="layui-icon layui-icon-log"> 09:30</i></td>
<td><span>在线</span></td>
<td>21 <i class="layui-icon layui-icon-praise"></i></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="layui-col-sm6">
<div class="layui-card">
<div class="layui-card-header">项目进展</div>
<div class="layui-card-body">
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">
<table id="LAY-home-homepage2"></table>
</div>
</div>
</div>
</div>
</div>
<div class="layui-col-sm12">
<div class="layui-card">
<div class="layui-card-header">访客地区分布</div>
<div class="layui-card-body">
<div class="layui-row layui-col-space15">
<div class="layui-col-sm4">
<table class="layui-table layuiadmin-page-table" lay-skin="line">
<thead>
<tr>
<th>排名</th>
<th>地区</th>
<th>人数</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>浙江</td>
<td>62310</td>
</tr>
<tr>
<td>2</td>
<td>上海</td>
<td>59190</td>
</tr>
<tr>
<td>3</td>
<td>广东</td>
<td>55891</td>
</tr>
<tr>
<td>4</td>
<td>北京</td>
<td>51919</td>
</tr>
<tr>
<td>5</td>
<td>山东</td>
<td>39231</td>
</tr>
<tr>
<td>6</td>
<td>湖北</td>
<td>37109</td>
</tr>
</tbody>
</table>
</div>
<div class="layui-col-sm8">
<div class="layui-carousel layadmin-carousel layadmin-dataview" data-anim="fade" lay-filter="LAY-index-pagethree">
<div carousel-item id="LAY-index-pagethree">
<div><i class="layui-icon layui-icon-loading1 layadmin-loading"></i></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
layui.use('sample', layui.factory('sample'));
</script>