{extend name="public/base" /}
{block name="style"}
<link rel="stylesheet" type="text/css" href="__CSS__/product_search.css" />
{/block}
{block name="main"}
<div class="oricoEGapp">
    <!-- 搜索页面 -->
    <div class="oricoEGapp-topsearch">
        <form action="{:url('product/search')}" method="get" class="topsearch">
            <div class="sleft">
                <img src="__IMAGES__/ssapp.png" class="icosearch"/>
                <input class="topseach-ipt" name="keywords" placeholder="{:lang_i18n('请搜索')}"/>
            </div>
            <button type="submit" class="searchbt">{:lang_i18n('搜索')}</button>
        </form>
        {notempty name="products"}
        <div class="prlist">
            {volist name="products" id="pro"}
            <a class="pritem" href="{:url('product/detail',['id'=>$pro.id])}">
                <img src="{:thumb($pro.cover_image)}" class="primg"/>
                <div class="prinfo">
                    <span class="t1">{$pro.name|raw}</span>
                    <span class="t2">{$pro.spu|raw}</span>
                </div>
            </a>
            {/volist}
        </div>
        <!-- 分页 -->
        <div>{$page|raw}</div>
        {else/}
        <div style="text-align: center; padding: 10%;">{:lang_i18n('暂无数据')}</div>
        {/notempty}
    </div>
</div>
{/block}