<extend name="public:base"/>

<block name="body">
    <div class="weui-flex full-container">
        <div class="left-cate">
            <ul>
                <Volist name="categories[0]" id="c">
                    <li><a class="cate-link{$c['id']==$category['id']?' active':''}" href="{:url('index/product/index',['name'=>$c['name']])}">{$c.short}</a> </li>
                </Volist>
            </ul>
        </div>
        <div class="weui-flex__item main-list">
            <if condition="!empty($category['image'])">
                <div class="cate-banner">
                    <img class="media-img" src="{$category.image}" alt="{$category.name}">
                </div>
            </if>
            <ul class="weui-flex">
                <php>$empty='<li class="weui-flex__item empty">暂时没有内容</li>';</php>
                <Volist name="lists" id="product" empty="$empty">
                    <li class="weui-flex__item">
                        <div class="prod-item">
                            <if condition="!empty($product['image'])">
                                <a class="d-view" href="{:url('index/product/view',['id'=>$product['id']])}">
                                    <img class="media-img" src="{$product.image}?w=136&h=90" alt="{$product.title}">
                                </a>
                            </if>
                            <div class="d-info">
                                <h3><a href="{:url('index/product/view',['id'=>$product['id']])}">{$product.title}</a></h3>
                            </div>
                        </div>
                    </li>
                </Volist>
            </ul>
        </div>
    </div>
</block>
<block name="script">
    <script type="text/javascript">

    </script>
</block>