nav-menu.hbs 4.27 KB
{{# navMenu}}
    <div class="yoho-nav">
        <div class="main-nav">
            <div class="center-content">
                <ul class="main-nav-list">
                    {{# navbars}}
                    <li class="nav-item{{#if cur}} cur{{/if}}">
                        <a href="{{link}}">
                            <span class="nav-en">{{en}}</span>
                            <span class="nav-cn">{{cn}}</span>
                        </a>
                    </li>
                    {{/ navbars}}
                </ul>
                <div class="main-logo"></div>
            </div>
        </div>
        <div class="sub-nav">
            <div class="center-content">
                <ul class="sub-nav-list clearfix">
                    {{# subNav}}
                        <li{{#if thirdNav}} class="contain-third"{{/if}}>
                            <a href="{{link}}">
                                <span class="nav-en">{{en}}</span>
                                <span class="nav-cn">{{cn}}</span>
                            </a>
                            {{#if thirdNav}}
                            <div class="third-nav-wrapper">
                                <div class="center-content">
                                    {{# thirdNav}}
                                    <dl class="category-list">
                                        {{# this}}
                                            {{#if category}}
                                            <dt>
                                                <a href="{{link}}">{{name}}</a>
                                            </dt>
                                            {{^}}
                                            <dd>
                                                <a href="{{link}}"{{#if hot}} class="hot"{{/if}}>{{name}}</a>
                                            </dd>
                                            {{/if}}
                                        {{/ this}}
                                    </dl>
                                    {{/ thirdNav}}
                                    <div class="show-detail" data-code="{{imgCode}}">
                                    </div>
                                </div>
                            </div>
                            {{/if}}
                        </li>
                    {{/ subNav}}
                </ul>
                <div class="search-entry">
                    <span class="iconfont">&#xe605;</span>
                    <div class="search-wrapper">
                        <div class="search-input">
                            <span class="iconfont left">&#xe605;</span>
                            <input type="text" name="query" id="search-key" class="search-key" placeholder="search"autocomplete="off">
                            <span class="iconfont right">&#xe608;</span>
                        </div>
                        <ul class="search-hint clearfix">
                            <li class="cur">
                                <a href="#">
                                    <span>大衣</span>
                                    <span class="right">约300个商品</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <span>大衣</span>
                                    <span class="right">约300个商品</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <span>大衣</span>
                                    <span class="right">约300个商品</span>
                                </a>
                            </li>
                        </ul>
                        <div class="hot-search">
                            <a href="#">外套</a>
                            <a href="#">长裤</a>
                            <a href="#">大衣</a>
                            <a href="#">毛衣</a>
                            <a href="#">图案</a>
                            <a href="#">简约连衣裙</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{{/ navMenu}}