{{> layout/header}}
<div class="search-page yoho-page">
    {{# search}}
        <div id="search-input" class="search-input">
            <i class="search-icon iconfont">&#xe60f;</i>
            <input type="text" placeholder="搜索商品">
            <i class="clear-input iconfont hide">&#xe61a;</i>
            <button id="search" class="search">搜索</button>
        </div>
        <div class="search-items">
            <div class="hot-search">
                <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">
                    {{# history}}
                        <li>
                            <a href={{url}}>{{name}}</a>
                        </li>
                    {{/ history}}
                </ul>
            </div>
            <button id="clear-history" class="clear-history">清空搜索历史</button>
        </div>
    {{/ search}}
</div>
{{> layout/footer}}