{dede:include filename="header.htm"/}

<div class="row">
    <!-- 左侧文章列表 -->
    <div class="col-md-8">
        <div class="card mb-4">
            <div class="card-header">
                <h4 class="mb-0">
                    <img src="{dede:global.cfg_templets_skin/}/style/images/new.png" alt="最新文章" class="header-icon">
                    [field:typename/]
                </h4>
            </div>
            <div class="card-body">
                {dede:list pagesize='10'}
                <div class="article-item mb-4">
                    <h5>
                        <a href="[field:arcurl/]">
                            <img src="{dede:global.cfg_templets_skin/}/style/images/tuwen.png" alt="图文" class="article-icon">
                            [field:title/]
                        </a>
                    </h5>
                    <div class="article-meta text-muted mb-2">
                        <small>发布时间：[field:pubdate function="MyDate('Y-m-d',@me)"/]</small>
                        <small class="ml-3">作者：[field:writer/]</small>
                        <small class="ml-3">来源：[field:source/]</small>
                        <small class="ml-3">点击：[field:click/]</small>
                    </div>
                    <div class="row">
                        <div class="col-md-4">
                            <img src="[field:litpic/]" class="img-fluid rounded" alt="[field:title/]">
                        </div>
                        <div class="col-md-8">
                            <p class="article-summary">[field:description function='cn_substr(@me,200)'/]</p>
                            <a href="[field:arcurl/]" class="btn btn-primary btn-sm">
                                <img src="{dede:global.cfg_templets_skin/}/style/images/xxjt.png" alt="阅读更多" class="arrow-icon">
                                阅读更多
                            </a>
                        </div>
                    </div>
                </div>
                {/dede:list}
                
                <!-- 分页 -->
                <nav aria-label="Page navigation">
                    <ul class="pagination justify-content-center">
                        {dede:pagelist listitem="info,index,end,pre,next,pageno" listsize="5"/}
                    </ul>
                </nav>
            </div>
        </div>
    </div>
    
    <!-- 右侧边栏 -->
    <div class="col-md-4">
        <!-- 搜索框 -->
        <div class="card mb-4">
            <div class="card-body">
                <form action="{dede:global.cfg_cmsurl/}/plus/search" method="get">
                    <div class="input-group">
                        <input type="text" name="keyword" class="form-control" placeholder="请输入关键词">
                        <div class="input-group-append">
                            <button class="btn btn-primary" type="submit">
                                <img src="{dede:global.cfg_templets_skin/}/style/images/find_s.png" alt="搜索" class="search-icon">
                                搜索
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        
        <!-- 热门文章 -->
        <div class="card mb-4">
            <div class="card-header">
                <h5 class="mb-0">
                    <img src="{dede:global.cfg_templets_skin/}/style/images/hot.png" alt="热门文章" class="header-icon">
                    热门文章
                </h5>
            </div>
            <div class="card-body">
                <ul class="list-unstyled">
                    {dede:arclist row='5' titlelen='60' orderby='click'}
                    <li class="mb-2">
                        <a href="[field:arcurl/]">
                            <img src="{dede:global.cfg_templets_skin/}/style/images/xxjt.png" alt="箭头" class="arrow-icon">
                            [field:title/]
                        </a>
                    </li>
                    {/dede:arclist}
                </ul>
            </div>
        </div>
        
        <!-- 标签云 -->
        <div class="card">
            <div class="card-header">
                <h5 class="mb-0">
                    <img src="{dede:global.cfg_templets_skin/}/style/images/tit.png" alt="标签云" class="header-icon">
                    标签云
                </h5>
            </div>
            <div class="card-body">
                <div class="tag-cloud">
                    {dede:tag row='20' sort='rand'}
                    <a href="[field:link/]" class="badge badge-light mr-2 mb-2">[field:tag/]</a>
                    {/dede:tag}
                </div>
            </div>
        </div>
    </div>
</div>

{dede:include filename="footer.htm"/}