ulthon/layui-ul
1
0
Fork 0
mirror of https://gitee.com/ulthon/layui-ul.git synced 2026-07-01 10: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
{
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)) {
$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;
use think\facade\App;
use think\facade\Cache;
use think\Model;
use think\model\concern\SoftDelete;
@@ -153,4 +154,19 @@ class Post extends Model
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">
<legend>用户列表</legend>
<legend>头像列表</legend>
<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>
</fieldset>

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

@@ -1,24 +1,72 @@
.ul-nav-tree{
.ul-nav-tree {
border-right: 1px solid #bbb;
}
.ul-nav-tree-item{
display: flex;
.ul-nav-tree-item {
display : flex;
align-items: baseline;
cursor: pointer;
padding: 5px;
cursor : pointer;
padding : 5px;
}
.ul-nav-tree-item-title{
.ul-nav-tree-item-title {
font-size: 15px;
}
.ul-nav-tree-item-desc{
font-size: 14px;
color: #999;
.ul-nav-tree-item-desc {
font-size : 14px;
color : #999;
margin-left: 15px;
}
.ul-padding-md{
.ul-padding-md {
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;
}