优化性能和轮播图;

This commit is contained in:
2022-03-19 00:18:31 +08:00
parent 370a6cdc4d
commit 4fda375028
5 changed files with 274 additions and 219 deletions

View File

@@ -2,115 +2,115 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{$current_category.title|default='全部文章'}|{:get_system_config('site_name')}</title>
<meta name="keywords" content="{:get_system_config('site_keywords')}">
<meta name="description" content="{:get_system_config('site_desc')}{$current_category.title|default='全部文章'},{$current_category.desc|default=''}">
{include file='common/_require'/}
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{$current_category.title|default='全部文章'}|{:get_system_config('site_name')}</title>
<meta name="keywords" content="{:get_system_config('site_keywords')}">
<meta name="description" content="{:get_system_config('site_desc')}{$current_category.title|default='全部文章'},{$current_category.desc|default=''}">
{include file='common/_require'/}
</head>
<body>
<div class="layui-container main-container">
<div class="layui-row layui-col-space12">
{include file='common/_left'/}
<div class="layui-col-md7">
<div class="main-container">
<div class="layui-container main-container">
<div class="layui-row layui-col-space12">
{include file='common/_left'/}
<div class="layui-col-md7">
<div class="main-container">
{eq name='$Request.param.category_id|default="0"' value='0'}
{if count($list_nav_slide) > 0 }
{eq name='$Request.param.category_id|default="0"' value='0'}
{if count($list_nav_slide) > 0 }
<div style="">
<div class="layui-carousel" id="banner">
<div carousel-item>
{volist name='list_nav_slide' id='nav'}
<div style="">
<div class="layui-carousel" id="banner">
<div carousel-item>
{volist name='list_nav_slide' id='nav'}
<a href="{$nav.value|default='javascript:;'}" target="{$nav.target}">
<img src="{$nav.img}">
<div class="panel">
<p class="title">{$nav.title}</p>
<p class="desc">{$nav.desc}</p>
</div>
</a>
{/volist}
<a href="{$nav.value|default='javascript:;'}" target="{$nav.target}">
<div class="index-poster" style="background-image: url({$nav.img});">
</div>
</div>
</div>
{/if}
{/eq}
</div>
<div class="panel">
<div class="panel-main">
<p class="title">{$nav.title}</p>
<p class="desc">{$nav.desc}</p>
</div>
</div>
{notempty name='$sub_category'}
<div class="tab-list">
<a href="{:url('Index/index',['category_id'=>$Request.param.category_id])}" {eq
name='$Request.param.sub_category_id|default=0' value='0' } class="current" {/eq}>全部</a>
{volist name='$sub_category' id='category'}
</a>
{/volist}
<a href="{:url('Index/index',['category_id'=>$Request.param.category_id,'sub_category_id'=>$category.id])}"
{eq name='$Request.param.sub_category_id|default=0' value='$category.id' } class="current"
{else/}{/eq}>{$category.title}</a>
{/volist}
</div>
{/notempty}
{notempty name='$current_category.desc'}
<div class="category-plus-title">
<blockquote class="layui-elem-quote layui-quote-nm">{$current_category.desc}</blockquote>
</div>
{/notempty}
<div class="post-container">
<div class="post-list">
{volist name='list_post' id='post'}
</div>
</div>
</div>
{/if}
{/eq}
<a href="{:url('Post/read',['uid'=>$post.uid])}" class="post-item"
onmouseover="$(this).find('.poster').addClass('layui-anim-scale')"
onmouseout="$(this).find('.poster').removeClass('layui-anim-scale')">
{notempty name='$post->getData("poster")'}
{notempty name='$sub_category'}
<div class="tab-list">
<a href="{:url('Index/index',['category_id'=>$Request.param.category_id])}" {eq name='$Request.param.sub_category_id|default=0' value='0' } class="current" {/eq}>全部</a>
{volist name='$sub_category' id='category'}
<div class="poster layui-anim" style="background-image: url('{$post.poster}');"></div>
{/notempty}
<a href="{:url('Index/index',['category_id'=>$Request.param.category_id,'sub_category_id'=>$category.id])}" {eq name='$Request.param.sub_category_id|default=0' value='$category.id' } class="current" {else/}{/eq}>{$category.title}</a>
{/volist}
</div>
{/notempty}
{notempty name='$current_category.desc'}
<div class="category-plus-title">
<blockquote class="layui-elem-quote layui-quote-nm">{$current_category.desc}</blockquote>
</div>
{/notempty}
<div class="post-container">
<div class="post-list">
{volist name='list_post' id='post'}
<div class="info">
<div class="title">{$post.title}</div>
<div class="desc">{$post.desc_html|raw}</div>
<a href="{:url('Post/read',['uid'=>$post.uid])}" class="post-item" onmouseover="$(this).find('.poster').addClass('layui-anim-scale')" onmouseout="$(this).find('.poster').removeClass('layui-anim-scale')">
{notempty name='$post->getData("poster")'}
<div class="plus-info">
<span>{$post.hits}访问</span>
<span>{$post.comment_count}评论</span>
</div>
<div class="poster layui-anim" style="background-image: url('{$post.poster}');"></div>
{/notempty}
<div class="info">
<div class="title">{$post.title}</div>
<div class="desc">{$post.desc_html|raw}</div>
<div class="plus-info">
<span>{$post.hits}访问</span>
<span>{$post.comment_count}评论</span>
</div>
</div>
</a>
{/volist}
{empty name='list_post'}
<img class="nodata" src="/static/images/nodata.png" alt="">
{/empty}
</div>
{$list_post->render()|raw}
</div>
</div>
</a>
{/volist}
{empty name='list_post'}
<img class="nodata" src="/static/images/nodata.png" alt="">
{/empty}
</div>
{$list_post->render()|raw}
</div>
{include file='common/_right'/}
</div>
</div>
{include file='common/_right'/}
</div>
</div>
<script>
<script>
layui.use('carousel', function () {
var carousel = layui.carousel;
//建造实例
carousel.render({
elem: '#banner'
, width: '100%' //设置容器宽度
, arrow: 'always' //始终显示箭头
//,anim: 'updown' //切换动画方式
});
});
layui.use('carousel', function () {
var carousel = layui.carousel;
//建造实例
carousel.render({
elem: '#banner'
, width: '100%' //设置容器宽度
, arrow: 'always' //始终显示箭头
//,anim: 'updown' //切换动画方式
});
});
</script>
</script>
</body>
</html>