ulthon/layui-ul
1
0
Fork 0
mirror of https://gitee.com/ulthon/layui-ul.git synced 2026-07-09 05:32:49 +08:00
Code Issues Packages Projects Releases Wiki Activity

优化缓存,增加头像列表

Browse Source
This commit is contained in:
augushong
2021-03-23 20:28:30 +08:00
parent 384aa7f908
commit c5c90370f2
6 changed files with 184 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/admin/controller/Post.php
View File

@@ -14,6 +14,14 @@ use think\Request;
class Post extends Common class Post extends Common
{ {
public function initialize()
{
parent::initialize();
ModelPost::quickSelect(true);
}
/** /**
* 显示资源列表 * 显示资源列表
* *

4
app/index/controller/Index.php
View File

@@ -20,7 +20,9 @@ class Index extends Common
{ {
// //
$list_post = Post::where('status', 1)->order('sort desc')->select();
$list_post = Post::quickSelect();
if (empty($post_id)) { if (empty($post_id)) {
$model_post = $list_post->first(); $model_post = $list_post->first();

5
app/index/route/app.php Normal file
View File

@@ -0,0 +1,5 @@
<?php
use think\facade\Route;
Route::rule('doc/[:post_id]','Index/index');

16
app/model/Post.php
View File

@@ -5,6 +5,7 @@ declare(strict_types=1);
namespace app\model; namespace app\model;
use think\facade\App; use think\facade\App;
use think\facade\Cache;
use think\Model; use think\Model;
use think\model\concern\SoftDelete; use think\model\concern\SoftDelete;
@@ -153,4 +154,19 @@ class Post extends Model
return file_get_contents($file_path); return file_get_contents($file_path);
} }
public static function quickSelect($clear = false)
{
$cacke_key = 'post_list';
$list_post = Cache::get($cacke_key);
if (empty($list_post) || $clear) {
$list_post = Post::where('status', 1)->order('sort desc')->select();
Cache::set($cacke_key, $list_post,600);
}
return $list_post;
}
} }

95
demo/list.html
View File

@@ -1,6 +1,97 @@
<fieldset class="layui-elem-field layui-field-title"> <fieldset class="layui-elem-field layui-field-title">
<legend>用户列表</legend> <legend>头像列表</legend>
<div class="layui-field-box"> <div class="layui-field-box">
<div class="ul-avatar-list">
<div class="ul-avatar-list-item">
<div class="ul-avatar-list-item-img"></div>
<div class="ul-avatar-list-item-info">
<div class="ul-avatar-list-item-title">
张三
</div>
<div class="ul-avatar-list-item-tips">
深山旅馆电话事件的最新消息
</div>
<div class="ul-avatar-list-item-time">
19:54
</div>
</div>
</div>
<div class="ul-avatar-list-item">
<div class="ul-avatar-list-item-img"></div>
<div class="ul-avatar-list-item-info">
<div class="ul-avatar-list-item-title">
张三
</div>
<div class="ul-avatar-list-item-tips">
深山旅馆电话事件的最新消息
</div>
<div class="ul-avatar-list-item-time">
19:54
</div>
</div>
</div>
</div>
<div class="ul-avatar-list" style="width: 400px;">
<div class="ul-avatar-list-item">
<div class="ul-avatar-list-item-img"></div>
<div class="ul-avatar-list-item-info">
<div class="ul-avatar-list-item-title">
张三
</div>
<div class="ul-avatar-list-item-tips">
深山旅馆电话事件的最新消息
</div>
<div class="ul-avatar-list-item-time">
19:54
</div>
</div>
</div>
<div class="ul-avatar-list-item">
<div class="ul-avatar-list-item-img"></div>
<div class="ul-avatar-list-item-info">
<div class="ul-avatar-list-item-title">
张三
</div>
<div class="ul-avatar-list-item-tips">
深山旅馆电话事件的最新消息
</div>
<div class="ul-avatar-list-item-time">
19:54
</div>
</div>
</div>
</div>
<div class="ul-avatar-list" style="width: 200px;">
<div class="ul-avatar-list-item current">
<div class="ul-avatar-list-item-img"></div>
<div class="ul-avatar-list-item-info">
<div class="ul-avatar-list-item-title">
张三
</div>
<div class="ul-avatar-list-item-tips">
深山旅馆电话事件的最新消息
</div>
<div class="ul-avatar-list-item-time">
19:54
</div>
</div>
</div>
<div class="ul-avatar-list-item">
<div class="ul-avatar-list-item-img"></div>
<div class="ul-avatar-list-item-info">
<div class="ul-avatar-list-item-title">
张三
</div>
<div class="ul-avatar-list-item-tips">
深山旅馆电话事件的最新消息
</div>
<div class="ul-avatar-list-item-time">
19:54
</div>
</div>
</div>
</div>
</div> </div>
</fieldset> </fieldset>

68
public/cdn/layui-ul.css
View File

@@ -1,24 +1,72 @@
.ul-nav-tree{ .ul-nav-tree {
border-right: 1px solid #bbb; border-right: 1px solid #bbb;
} }
.ul-nav-tree-item{
display: flex; .ul-nav-tree-item {
display : flex;
align-items: baseline; align-items: baseline;
cursor: pointer; cursor : pointer;
padding: 5px; padding : 5px;
} }
.ul-nav-tree-item-title{ .ul-nav-tree-item-title {
font-size: 15px; font-size: 15px;
} }
.ul-nav-tree-item-desc{ .ul-nav-tree-item-desc {
font-size: 14px; font-size : 14px;
color: #999; color : #999;
margin-left: 15px; margin-left: 15px;
} }
.ul-padding-md{ .ul-padding-md {
padding: 15px; padding: 15px;
} }
.ul-avatar-list {
}
.ul-avatar-list-item {
display : flex;
align-items : center;
justify-content : space-between;
padding : 8px;
background-color: #ddd;
}
.ul-avatar-list-item.current{
background-color: #bbb;
}
.ul-avatar-list-item-img {
height : 48px;
width : 48px;
background-image : url('/static/images/avatar.png');
background-size : cover;
background-position: center;
border-radius : 3px;
background-color : #fff;
}
.ul-avatar-list-item-info {
margin-left: 10px;
position : relative;
width : calc(100% - 48px - 10px);
}
.ul-avatar-list-item-time {
position: absolute;
right : 0;
top : 0;
color: #999;
}
.ul-avatar-list-item-tips {
color : #999;
font-size : 14px;
display : inline-block;
white-space : nowrap;
width : 100%;
overflow : hidden;
text-overflow: ellipsis;
}