{extend name="web/official_common/mobile/base" /}

{block name="css"}
<link rel="stylesheet" href="__ADDON__/m/css/download.css">
{/block}}


{block name="content"}

<!--主体内容 开始-->
<div class="download">
    <!--右侧区域 开始-->
    <div id="right">
        <div class="right_title">
            <h2 class="right_title_2">
                <img src="__ADDON__/images/titleleftbg.png" align="absmiddle">{:ze($res,'name')}
                <img src="__ADDON__/images/titlerightbg.png" align="absmiddle">
            </h2>
        </div>
        <div id="subchannel_main">
            <div id="subchannel">
                {if isset($res['son']) && count($res['son'])}
                <ul class="subchannellist">
                    {foreach $res['son'] as $item}
                    <li class="depth1" {if $item['is_choose']} id="current" {/if}>
                    <a href="{:get_cate_url($item)}"  class="current_a">{:ze($item,'name')}</a>
                    </li>
                    {/foreach}
                </ul>
                {/if}
            </div>
        </div>
        <div class="right_body">
            <ul class="textlist">
                <!--循环开始-->
                {foreach $data as $index => $item}
                    <li class="textlist_li">
                        <a href="javascript:;" title="{$item['title']}" class="textlist_li_a">{$item['title']}</a>
                        <span class="float_right">
                            <a href="{:addon_url('official/web.official_download/download',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid'),':id'=>$item['id']])}">
                                <span class="btn btn-tiny">{:__l('download','Download')}</span>
                            </a>
                        </span>
                    </li>
                {/foreach}
                <!--循环结束-->

            </ul>
            <div class="page_custom">
                <div class="page_son">
                    {$data->render(['pid'=>(int)input('param.pid'),'sid'=>(int)input('param.sid')])}
                </div>
            </div>
        </div>
        <div class="right_bottom"></div>
    </div>
    <!--右侧区域 结束-->
    <div class="clear"></div>
</div>
<!--主体内容 结束-->

{/block}