<?php
// list_10 极简分割线文字列表（无图，大留白）
if (!isset($col) || !is_array($col)) { $col = array(); }
if (!isset($list) || !is_array($list)) { $list = array(); }
$lt10_name  = isset($col['name']) ? $col['name'] : '';
$lt10_intro = isset($col['intro']) ? $col['intro'] : '';
$lt10_cover = isset($col['cover']) ? $col['cover'] : '';
?>
<style>
.yk-list10{padding:30px 15px 60px;}
.yk-list10 .yk-l10-inner{max-width:820px;margin:0 auto;}
.yk-list10 .yk-l10-banner{position:relative;border-radius:4px;overflow:hidden;background:#2c2c34 center/cover no-repeat;margin-bottom:50px;padding:70px 30px;color:#fff;text-align:center;}
.yk-list10 .yk-l10-banner::before{content:"";position:absolute;inset:0;background:rgba(20,20,26,.55);}
.yk-list10 .yk-l10-banner-in{position:relative;z-index:1;}
.yk-list10 .yk-l10-crumb{font-size:13px;color:#aaa;margin-bottom:18px;letter-spacing:1px;}
.yk-list10 .yk-l10-banner .yk-l10-crumb{color:rgba(255,255,255,.75);}
.yk-list10 .yk-l10-crumb a{color:inherit;}
.yk-list10 .yk-l10-crumb a:hover{color:var(--yk-accent,#e63946);}
.yk-list10 .yk-l10-title{font-size:32px;font-weight:300;letter-spacing:6px;margin-bottom:14px;}
.yk-list10 .yk-l10-line{width:40px;height:2px;background:var(--yk-accent,#e63946);margin:0 auto 18px;}
.yk-list10 .yk-l10-intro{font-size:14px;color:#888;line-height:2;}
.yk-list10 .yk-l10-banner .yk-l10-intro{color:rgba(255,255,255,.85);}
.yk-list10 .yk-l10-head{text-align:center;margin-bottom:50px;}
.yk-list10 .yk-l10-item{display:block;padding:34px 6px;border-bottom:1px solid #e6e6e6;transition:padding .25s;}
.yk-list10 .yk-l10-item:first-child{border-top:1px solid #e6e6e6;}
.yk-list10 .yk-l10-item:hover{padding-left:18px;}
.yk-list10 .yk-l10-tt{font-size:19px;font-weight:400;color:#222;display:block;line-height:1.7;}
.yk-list10 .yk-l10-item:hover .yk-l10-tt{color:var(--yk-accent,#e63946);}
.yk-list10 .yk-l10-top{display:inline-block;border:1px solid var(--yk-accent,#e63946);color:var(--yk-accent,#e63946);font-size:12px;padding:0 8px;border-radius:2px;margin-right:10px;vertical-align:2px;}
.yk-list10 .yk-l10-meta{font-size:12px;color:#aaa;margin-top:10px;letter-spacing:2px;display:flex;gap:22px;}
.yk-list10 .yk-l10-empty{text-align:center;color:#aaa;padding:80px 0;font-size:14px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;}
@media (max-width:1199px){
  .yk-list10 .yk-l10-inner{max-width:700px;}
  .yk-list10 .yk-l10-title{font-size:27px;}
}
@media (max-width:767px){
  .yk-list10{padding:20px 15px 40px;}
  .yk-list10 .yk-l10-title{font-size:22px;letter-spacing:3px;}
  .yk-list10 .yk-l10-item{padding:24px 4px;}
  .yk-list10 .yk-l10-tt{font-size:16px;}
  .yk-list10 .yk-l10-banner{padding:44px 20px;margin-bottom:36px;}
}
</style>
<div class="yk-wrap yk-list10">
  <div class="yk-l10-inner">
    <?php if ($lt10_cover !== '') { ?>
    <div class="yk-l10-banner" style="background-image:url('<?php echo e($lt10_cover); ?>')">
      <div class="yk-l10-banner-in">
        <div class="yk-l10-crumb"><a href="<?php echo e(url_home()); ?>">首页</a> &gt; <span><?php echo e($lt10_name); ?></span></div>
        <div class="yk-l10-title"><?php echo e($lt10_name); ?></div>
        <div class="yk-l10-line"></div>
        <?php if ($lt10_intro !== '') { ?><div class="yk-l10-intro"><?php echo e($lt10_intro); ?></div><?php } ?>
      </div>
    </div>
    <?php } else { ?>
    <div class="yk-l10-head">
      <div class="yk-l10-crumb"><a href="<?php echo e(url_home()); ?>">首页</a> &gt; <span><?php echo e($lt10_name); ?></span></div>
      <div class="yk-l10-title"><?php echo e($lt10_name); ?></div>
      <div class="yk-l10-line"></div>
      <?php if ($lt10_intro !== '') { ?><div class="yk-l10-intro"><?php echo e($lt10_intro); ?></div><?php } ?>
    </div>
    <?php } ?>
    <?php if (!empty($list)) { ?>
      <?php foreach ($list as $lt10_it) {
        $lt10_t  = isset($lt10_it['title']) ? $lt10_it['title'] : '';
        $lt10_u  = isset($lt10_it['url']) ? $lt10_it['url'] : '#';
        $lt10_tm = isset($lt10_it['add_time']) ? fdate($lt10_it['add_time'], 'Y-m-d') : '';
        $lt10_v  = isset($lt10_it['views']) ? (int)$lt10_it['views'] : 0;
      ?>
      <a class="yk-l10-item" href="<?php echo e($lt10_u); ?>">
        <span class="yk-l10-tt"><?php if (!empty($lt10_it['is_top'])) { ?><span class="yk-l10-top">置顶</span><?php } echo e($lt10_t); ?></span>
        <span class="yk-l10-meta"><span><?php echo e($lt10_tm); ?></span><span>阅读 <?php echo $lt10_v; ?></span></span>
      </a>
      <?php } ?>
    <?php } else { ?>
      <div class="yk-l10-empty">暂无内容</div>
    <?php } ?>
    <?php echo isset($pager) ? $pager : ''; ?>
  </div>
</div>
