{include file="common/header"}
<link rel="stylesheet" type="text/css"
      href="{$css}/static/css/news.css?{$www.version}"/>
{include file="default/news/header"}
<main class="et-main">
    <div class="main-row comp_container comp_container_auto
                {if $setnews.KeepToTheleft} KeepToTheleft{/if}"
         style="--news_left_w:{$setnews.left_w|default='298px'}">
        <section class="et-left">
            {include file="default/news/main"}
            <div class="newsPage_left_list container_bg1">
                <ul>
                    <li class="newsPage_left_list_item active">
                        <a href="/{$pageParameters.newshtml}.html"
                           title="所有分类">所有分类</a>
                    </li>
                    {foreach $newsList.newsCate as $key => $vo}
                    <li class="newsPage_left_list_item">
                        <a href="/{$pageParameters.catehtml}/{$vo.id}.html"
                           title="{$vo.name}">{$vo.name}</a>
                    </li>
                    {/foreach}
                </ul>
            </div>
            <div
                    class="newsPage_row container_bg1 ">
                <div class="news-container">
                    <div class="news-list-container">
                        <ul class="news-list">
                            {foreach $newsList.list as $key => $vo}
                            <li class="news-item">
                                <a href="/{$pageParameters.contenthtml}/{$vo.id}.html"
                                   title="{$vo.title}" class="news-link">
                                    <div class="news-item-container">
                                        <div class="news-item-text">
                                            <div class="news-title">
                                                <h1>{$vo.title}</h1>
                                                {if $vo.topping}
                                                <div class="toppingwrap">
                                                </div>
                                                {/if}
                                            </div>
                                            <p class="news-description">
                                                {$vo.description}</p>
                                        </div>
                                        <div class="news-articleInformation">
                                            <p class="news-category">
                                                {$vo.cate_name}</p>
                                            <p class="news-create-time">
                                                {:timeAgo($vo.create_time)}
                                            </p>
                                            {if $setnews.reading}
                                            <p class="news-reads">
                                                浏览量：{$vo.read}</p>
                                            {/if}
                                        </div>
                                    </div>
                                    {if $vo.head_img &&
                                    $setnews.shrinkageChart}
                                    <div class="news-item-img">
                                        <img src="{$vo.head_img}"
                                             alt="{$vo.title}"
                                             class="news-img">
                                    </div>
                                    {/if}
                                </a>
                            </li>
                            {/foreach}
                        </ul>
                        {if $newsList.count}
                        <div class="news-page-container">
                            <ul class="news-page-list">
                                <li class="pagination-item {if $newsList.first}disabled{/if}">
                                    <a href="/{$pageParameters.newshtml}.html"
                                       class="pagination-link">首页</a>
                                </li>
                                <li class="pagination-item {if !$newsList.prev}disabled{/if}">
                                    <a href="/{$pageParameters.newshtml}/{$newsList.prev}.html"
                                       title="{$newsList.prev}"
                                       class="pagination-link"><i
                                            class="develop sk-jiantou_yemian_xiangzuo"></i></a>
                                </li>
                                {foreach $newsList.pageList as $key => $vo}
                                <li class="pagination-item {if $vo==$newsList.page}active{/if}">
                                    <a href="/{$pageParameters.newshtml}/{$vo}.html"
                                       title="{$vo}"
                                       class="pagination-link">{$vo}</a>
                                </li>
                                {/foreach}
                                <li class="pagination-item {if !$newsList.next}disabled{/if}">
                                    <a href="/{$pageParameters.newshtml}/{$newsList.next}.html"
                                       title="{$newsList.next}"
                                       class="pagination-link"><i
                                            class="develop sk-jiantou_yemian_xiangyou"></i></a>
                                </li>
                                <li class="pagination-item {if !$newsList.isend}disabled{/if}">
                                    <a href="/{$pageParameters.newshtml}/{$newsList.end}.html"
                                       title="{$newsList.end}"
                                       class="pagination-link">尾页</a>
                                </li>
                                <li class="pagination-item goTo">
                                    <label for="page"
                                           class="pagination-label">跳转</label>
                                    <input type="number"
                                           class="pagination-input"
                                           data-html="/{$pageParameters.newshtml}/"
                                           id="page"
                                           value="{$newsList.page}"
                                           min="1" max="{$newsList.end}"
                                    >
                                </li>
                            </ul>
                        </div>
                        {else}
                        <div class="nullValue">
                            <p>
                                很抱歉,该栏目下还没有任何数据！
                            </p>
                        </div>
                        {/if}
                    </div>
                </div>
            </div>
        </section>
        {include file="default/news/footer"}
    </div>
</main>
<script>
    $(document).ready(function () {
        $('.pagination-input').keypress(function (e) {
            if (e.which === 13) {
                const pageNumber = $(this).val();
                const dataHtml = $(this).attr('data-html');
                const newUrl = dataHtml + pageNumber + '.html';
                window.location.href = newUrl;
            }
        });
    });
</script>
{include file="common/footer"}