idsci/application/index/view/user/special_issue_list.html

<style>
    .profile-avatar-container {
        position:relative;
        width:100px;
    }
    .profile-avatar-container .profile-user-img{
        width:100px;
        height:100px;
    }
    .profile-avatar-container .profile-avatar-text {
        display:none;
    }
    .profile-avatar-container:hover .profile-avatar-text {
        display:block;
        position:absolute;
        height:100px;
        width:100px;
        background:#444;
        opacity: .6;
        color: #fff;
        top:0;
        left:0;
        line-height: 100px;
        text-align: center;
    }
    .profile-avatar-container button{
        position:absolute;
        top:0;left:0;width:100px;height:100px;opacity: 0;
    }
</style>
<link href="__CDN__/assets/css/user/display_submitted.css?v={$Think.config.site.version|htmlentities}" rel="stylesheet">
<div class="common-bg">
    <div class="common-font">
        Special Issue List
    </div>
</div>
<div id="content-container" class="container">
    <div class="row">
        <div class="col-md-3">
            {include file="common/sidenav" /}
        </div>
        <div class="col-md-9">
            <div class="panel panel-default">
                <div class="panel-body">
                    <h2 class="page-header">
                        Special Issue List

                        <div class="col-xs-12 col-sm-4" style="float:right">
                            <input type="text" class="form-control" id="c-search" name="search" value="" placeholder="Enter content for search">
                        </div>
                    </h2>

                    <nav aria-label="breadcrumb" class="breadcrumb-content">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item <?php if($status == 'all') echo 'active'; ?>"><a href="?status=all">All</a></li>
                            <li class="breadcrumb-item <?php if($status == 'review') echo 'active'; ?>"><a href="?status=review">Review</a></li>
                            <li class="breadcrumb-item <?php if($status == 'correct') echo 'active'; ?>"><a href="?status=correct">Correct</a></li>
                            <li class="breadcrumb-item <?php if($status == 'fault') echo 'active'; ?>"><a href="?status=fault">Fault</a></li>
                        </ol>
                    </nav>

                    <div class="row">
                        <div class="col-md-12 col-sm-12">
                            <div class="tab-inner" style="background:#fff;">
                                <div class="article-list">
                                    {foreach name="list" item="vo"}
                                    <article class="article-item">
                                        <div class="media">
                                            <div class="media-left">
                                                <a href="special_issue?id={$vo.id}">
                                                    <div class="embed-responsive embed-responsive-4by3 img-zoom p-0">
                                                        <img src="{$vo.image}">
                                                    </div>
                                                </a>
                                            </div>
                                            <div class="media-body">
                                                <h3 class="article-title">
                                                    <a href="special_issue?id={$vo.id}">{$vo.issue_name}</a>
                                                    <div class="article-title-id">
                                                        ID：{$vo.id}
                                                    </div>
                                                </h3>
                                                <div class="article-intro">
                                                    <span class="label label-info article-intro-label">{$vo.journal}</span>
                                                </div>
                                                <div class="article-tag">
                                                    <div itemprop="date">Submission date：{$vo.createtime}</div>
                                                </div>
                                                <div class="article-tag">
                                                    <div class="article-read">
                                                        <a href="special_issue?id={$vo.id}" style="color: #007bff;" target="_blank">
                                                            <img src="__CDN__/assets/img/index/personal_data_icon.png" alt="">
                                                            Edit
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </article>
                                    {/foreach}
                                </div>

                                <!--@formatter:off-->

                                <!-- S 分页栏 -->
                                <div class="pager">
                                    {$list->render()}
                                </div>
                                <!-- E 分页栏 -->
                                <!--@formatter:on-->

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>