{{> layout/header}}
<div class="search-page yoho-page">
    {{# search}}
        <div id="search-input" class="search-input">
            <form id="search-form" action={{url}} method="get">
                <i class="search-icon iconfont">&#xe60f;</i>
                <input type="text" placeholder="搜索商品" name="query">
                <i class="clear-input iconfont hide">&#xe626;</i>
                <button id="search" class="search" type="submit">搜索</button>
            </form>
        </div>
        <div class="search-items">
            <div class="hot-search hide">
                <h3>热门搜索</h3>
                <ul class="hot clearfix">
                    {{# hot}}
                        <li>
                            <a href={{url}}>{{name}}</a>
                        </li>
                    {{/ hot}}
                </ul>
            </div>
            <div class="history-search">
                <h3>历史搜索</h3>
                <ul class="history clearfix"></ul>
            </div>
            <button id="clear-history" class="clear-history hide">清空搜索历史</button>
        </div>
    {{/ search}}
</div>
{{> layout/footer}}