{notempty name="list"}
{if condition="!isset($addons_param['type'])"}
<link rel="stylesheet" type="text/css" href="__LIBS__/swiper/css/swiper.min.css">
<script src="__LIBS__/swiper/js/swiper.jquery.min.js"></script>
<style>
.swiper-container {width: 1140px;height: 360px;margin-top: 15px;.swiper-pagination-bullet {width: 30px;height: 4px;border-radius: 0;background: #000;opacity: .2;}
.swiper-pagination-bullet-active {background-color: #e73c31;opacity: 1;}
</style>
<div class="swiper-container">
    <div class="swiper-wrapper">
        {foreach name="list" item="vo"}
        <div class="swiper-slide" data-url="{:url('index/index', 'id=5&name=jy')}">
            <a href="{$vo['link']}"><img src= "{$vo['cover_url']}"></a>
        </div>
        {/foreach}
    </div>
    <!-- 如果需要分页器 -->
    <div class="swiper-pagination"></div>

    <!-- 如果需要导航按钮 -->
    <div class="swiper-button-prev swiper-button-white"></div>
    <div class="swiper-button-next swiper-button-white"></div>
</div>
<script>
$(document).ready(function () {
  var mySwiper = new Swiper ('.swiper-container', {
    loop: true,
    autoplay: 5000,
    // 如果需要分页器
    pagination: '.swiper-pagination',
    // 如果需要前进后退按钮
    nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev',
  })
})
</script>
{else /}
    {foreach name="list" item="vo"}
    <li class="relative">
        <a title="{$vo['title']}" href="{$vo['link']}">
            <img src="{$vo['cover_url']}">
            <span class="focus_title">{$vo['title']}</span>
        </a>
    </li>
    {/foreach}
{/if}

{/notempty}