归类文档加载分类icon插件
归档这个鬼
加载icon就变得延迟太高了,真慢!
<?php
}
if($archive == 'sort'){
$sort_cache = $CACHE->readCache('sort');
echo '<div class="sort-archive-left">';
if($sort_cache){
?>
<div class="layui-row layui-col-space15">
<?php
foreach ($sort_cache as $val){
if($val['pid'] != 0){
continue;
}
// 获取当前分类的图标(添加懒加载)
$icon_html = '<div class="icon-placeholder"></div>'; // 初始显示占位符
$cid = $val['sid'];
if (!empty($category_icons[$cid])) {
$icon_value = $category_icons[$cid];
if (preg_match('/\.(jpg|jpeg|png|gif|svg|webp)$/i', $icon_value)) {
// 图片图标添加懒加载
$icon_html = "<img src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' " .
"data-src='" . htmlspecialchars($icon_value) . "' " .
"class='sort-icon-img lazyload' " .
"alt='{$val['sortname']}的图标' " .
"onerror=\"this.src='https://picsum.photos/18/18';this.title='图片加载失败'\">";
} else {
// FontAwesome图标直接显示
$icon_html = "<i class='" . htmlspecialchars($icon_value) . " sort-icon' " .
"alt='{$val['sortname']}的图标'></i>";
}
}
?>
<div class="layui-col-md12">
<div class="layui-card">
<div class="layui-card-header">
<h2 class="layui-font-16">
<?=$icon_html?>
<?=$val['sortname']?>
</h2>
</div>
<div class="layui-card-body">
<div class="sort_item_head layui-tab layui-tab-brief">
<?php
if(isset($val['children']) && count($val['children'])>0){
?>
<ul class="layui-tab-title">
<?php
if($val['lognum'] > 0){
?>
<li class="layui-this"><?=$val['sortname']?><span class="layui-badge layui-bg-gray"><?=$val['lognum']?></span></li>
<?php
}
if(isset($val['children']) && count($val['children'])>0){
$i = -1;
foreach ($val['children'] as $sid){
$i++;
?>
<li class="<?=$val['lognum']==0 && $i==0? "layui-this":""?>"><?=$sort_cache[$sid]['sortname']?><span class="layui-badge layui-bg-gray"><?=$sort_cache[$sid]['lognum']?></span></li>
<?php
}
}
?>
</ul>
<?php }?>
<div class="layui-tab-content">
<?php
if($val['lognum'] > 0){
?>
<div class="layui-tab-item layui-show layui-row layui-col-space5">
<?php
$logs = $Log_Model->getLogsForHome('and sortid='.$val['sid'].' order by date desc', 1, $showLogNum);
foreach ($logs as $blog){
?>
<li class="layui-col-xs12 layui-col-sm6 layui-col-md4">
<a target="_blank" href="<?=Url::log($blog['logid'])?>" title="<?=$blog['log_title']?>"><?=$blog['log_title']?> <?php if(date("Ymd", $blog['date']) == date("Ymd")){?><span class="layui-badge">新</span><?php }?></a>
</li>
<?php
}
if($val['lognum'] > $showLogNum){
?>
<li class="layui-col-xs12"><a class="layui-font-black" target="_blank" href="<?=Url::sort($val['sid'])?>" title="<?=$val['sortname']?>">查看更多<?=$val['lognum']-$showLogNum?>篇文章 ></a></li>
<?php
}
?>
</div>
<?php
}
if(isset($val['children']) && count($val['children'])>0){
$i = -1;
foreach ($val['children'] as $sid){
$i++;
?>
<div class="layui-tab-item <?=$val['lognum']==0 && $i==0? "layui-show":""?> layui-row layui-col-space5">
<?php
if($sort_cache[$sid]['lognum'] > 0){
$logs = $Log_Model->getLogsForHome('and sortid='.$sid, 1, $showLogNum);
foreach ($logs as $blog){
?>
<li class="layui-col-xs12 layui-col-sm6 layui-col-md4">
<a target="_blank" href="<?=Url::log($blog['logid'])?>" title="<?=$blog['log_title']?>"><?=$blog['log_title']?> <?php if(date("Ymd", $blog['date']) == date("Ymd")){?><span class="layui-badge">新</span><?php }?></a>
</li>
<?php
}
if($sort_cache[$sid]['lognum'] > $showLogNum){
?>
<li class="layui-col-xs12"><a class="layui-font-black" target="_blank" href="<?=Url::sort($sid)?>" title="<?=$sort_cache[$sid]['sortname']?>">查看更多<?=$sort_cache[$sid]['lognum']-$showLogNum?>篇文章 ></a></li>
<?php
}
}
?>
</div>
<?php
}
}
?>
</div>
</div>
</div>
</div>
</div>
<?php
}
echo '</div>';
}else{
echo '<div class="not">暂无分类!</div>';
}
echo '</div>';
}
if($archive == 'tags'){
$tags_cache = $CACHE->readCache('tags');
$color = ['orange', 'red', 'green', 'blue', 'purple', 'black'];
$i = rand(0 , count($color)-2);
?>
<div class="tags-box">
<?php
if($tags_cache){
foreach ($tags_cache as $val){
$i++;
if($i > count($color)-1) $i = rand(0 , count($color)-2);
?>
<a class="layui-badge-box" href="<?=BLOG_URL.'/tag/'.$val['tagurl']?>" target="_blank" title="<?=$val['tagname']?>">
<span class="layui-badge layui-bg-<?=$color[$i]?>"><?=$val['tagname']?></span>
<span class="layui-badge layui-bg-<?=$color[$i+1]?>"><?=$val['usenum']?>篇文章</span>
</a>
<?php
}
}else{
echo '<div class="not">暂无标签!</div>';
}
?>
版权所有:鲜易达电子商务有限公司
文章标题:归类文档加载分类icon插件
文章链接:https://xianyida.ysxdo.com/post-41.html
本站文章均为原创,未经授权请勿用于任何商业用途
文章标题:归类文档加载分类icon插件
文章链接:https://xianyida.ysxdo.com/post-41.html
本站文章均为原创,未经授权请勿用于任何商业用途
撰写评论