{extend name="public/base" /}
{block name="style"}
<link rel="stylesheet" type="text/css" href="__CSS__/attachment_video.css" />
{/block}
{block name="main"}
<div class="oricoEGapp">
    <!-- 主体内容-->
    <div class="oricoEGapp-softDrviersVideo">
        <div class="topbanner">
            <img src="__IMAGES__/video-banner.webp" class="bannerimg" />
            <span class="bannertitle">{:lang_i18n('软件和驱动程序')}</span>
        </div>
        <!-- 分类切换-->
        <div class="tabs">
            {notempty name="video_categorys"}
            {volist name="video_categorys" id="va"}
            <a href="{:url('attachment/video', ['id' => $va.id])}"><div class="tabit active">{$va.name}</div></a>
            {/volist}
            {/notempty}
        </div>
        <div class="infolist">
            {notempty name="videos"}
            {assign name="flat_videos" value=":array_flatten($videos->items())" /}
            {volist name="flat_videos" id="vo"}
            <div class="vd-item">
                <video controls="" poster="{$vo.image|default=''}">
                    <source src="{$vo.video}" type="video/mp4">
                    {:lang_i18n('您的浏览器不支持 video 标签。')}
                </video>
                <div class="texts">
                    <span class="t1">{$vo.name}</span>
                    <span class="t2">{$vo.desc}</span>
                </div>
            </div>
            {/volist}
            <div>{$page|raw}</div>
            {/notempty}
        </div>
    </div>
</div>
{/block}