header.hbs 13.9 KB
{{# headerData}}
    <div id="yoho-header" class="yoho-header" data-type="{{headType}}">
        <div class="tool-wrapper clearfix" data-role="tool-wrapper">
            <div class="center-content">
                <div class="yoho-group-map left">
                    <span class="icon-hamburger"></span>
                    <a href="//www.yohobuy.com">YOHO!BUY 有货</a>
                    {{#if yohoGroup}}
                        <ul class="yoho-group-list">
                            {{# yohoGroup}}
                                <li>
                                    <a href="{{link}}" class="yoho-group" data-en="{{en}}" data-cn="{{cn}}">{{en}}</a>
                                </li>
                            {{/ yohoGroup}}
                        </ul>
                    {{/if}}
                </div>
                <div class="left yoho-cert-tip"></div>
                <div class="yoho-buy-tools right">
                    <ul>
                        <li id="loginBox">
                            <span class="hi">Hi~</span>
                            [ <a id="signin-url" href="//www.yohobuy.com/signin.html" class="loginbar">请登录</a> ]
                            [ <a id="reg-url" href="//www.yohobuy.com/reg.html" class="registbar">免费注册</a> ]
                        </li>
                        <li class="myyoho" id="myYohoBox">
                            <span class="tag-seprate"></span>
                            <a href="//www.yohobuy.com/home?t=1453340799.4986">MY有货</a>
                            <span class="icon-bottomarrow"></span>
                            {{#unless @root.pc.common.disMyYohoHover}}
                                <div class="simple-user-center"></div>
                            {{/unless}}
                        </li>
                        <li class="myorder">
                            <span class="tag-seprate"></span>
                            <span class="icon-papers"></span>
                            <a href="//www.yohobuy.com/home/orders?t=1453168898.0176">我的订单</a>
                        </li>
                        <li class="mycollect">
                            <span class="tag-seprate"></span>
                            <span class="icon-heart"></span>
                            <a href="//www.yohobuy.com/home/favorite?t=1453168898.0176">我的收藏</a>
                        </li>
                        <li class="message">
                            <span class="tag-seprate"></span>
                            <span class="icon-mail"></span>
                            <a href="//www.yohobuy.com/home/message?t=1453168898.0176">消息</a>
                        </li>
                        <li class="help nav-drop-down-container">
                            <span class="tag-seprate"></span>
                            <span class="iconfont">&#xe702;</span>
                            <a href="#">客户服务</a>
                            <ul class="nav-drop-down">
                                <li>
                                    <a href="{{#if @root.pc.clientService.new}}http://chat8.live800.com/live800/chatClient/chatbox.jsp?companyID=620092&configID=149091&jid=8732423409{{else}}//www.yohobuy.com/service/client{{/if}}" target="_blank">在线客服</a>
                                </li>
                                <li>
                                    <a href="//www.yohobuy.com/help">帮助中心</a>
                                </li>
                            </ul>
                        </li>
                        <li class="phoneapp">
                            <span class="tag-seprate"></span>
                            <span class="icon-phone"></span>
                            <a href="//www.yohobuy.com/download/app">手机版</a>
                            <div class="download-app-box">
                                <div class="qr-img"></div>
                                <h3 class="qr-words">扫描二维码</h3>
                                <h3 class="qr-words">下载有货手机客户端</h3>
                                <h3 class="qr-more">
                                    <a href="//www.yohobuy.com/download/app">更多客户端下载</a>
                                </h3>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="head-wrapper clearfix">
            <div class="center-content">
                <div class="outlets-logo"></div>
                <div class="main-logo"><a href="//www.yohobuy.com/" class="main-link"></a></div>
                <ul class="main-nav-list">
                    {{# navbars}}
                        <li class="{{type}}"{{#if ico}}
                            style="background: url({{image2 ico w=54 h=32}}) no-repeat center center"{{/if}}>
                            {{#if ico}}
                                <a href="{{link}}"{{#if isNewPage}} target="_blank"{{/if}} class="menu-ico"></a>
                            {{^}}
                                <h3 class="name-cn">
                                    <a href="{{link}}"{{#if isNewPage}} target="_blank"{{/if}}>{{cn}}</a>
                                </h3>
                                <h3 class="name-en">
                                    <a href="{{link}}"{{#if isNewPage}} target="_blank"{{/if}}>{{en}}</a>
                                </h3>
                            {{/if}}
                        </li>
                    {{/ navbars}}
                </ul>
                <div class="func-area hide">
                    {{#unless @root.pc.common.disSearchAssociation}}
                        <ul class="search-suggest"></ul>
                    {{/unless}}
                    <ul class="search-suggest-history"></ul>
                    <div class="search-2016">
                        <form action="//search.yohobuy.com" method="get" id="search-form">
                            <input type="hidden" id="defaultsearch" value="{{defaultSearch}}">
                            <input class="search-key"  type="text" name="query" id="query-key" autocomplete="off" x-webkit-speech="" lang="zh-CN" x-webkit-grammar="builtin:translate" value="" maxlength="30">
                            <a class="search-btn" href="javascript:submitSearch();"></a>
                        </form>
                        <ul class="search-hot">
                            {{#hotTerms}}
                            <li>
                                <a style="display: block;" href="{{href}}" title="{{content}}"
                                   act="{{href}}" target="_blank">
                                    <span class="searchvalue">{{content}}</span>
                                </a>
                            </li>
                            {{/hotTerms}}
                        </ul>
                    </div>

                    <div class="go-cart">
                        <a href="//www.yohobuy.com/cart/cart">
                            <span class="iconfont ">&#xe600;</span>
                            {{#unless @root.pc.common.removeCartCount}}
                                <span class="goods-num-tip hide">0</span>
                            {{/unless}}
                        </a>
                        {{#unless @root.pc.common.disCartHover}}
                            <div class="mini-cart-wrapper">
                                <div class="loading-cart">
                                    <h3>加载中,请稍后</h3>
                                </div>
                                <div class="empty-cart">
                                    <h3>您的购物车暂无商品</h3>
                                </div>
                            </div>
                        {{/unless}}
                    </div>
                </div>
            </div>
        </div>
        <div class="nav-wrapper clearfix">
            <div class="center-content">
                {{# subNavGroup}}
                    <ul class="sub-nav-list {{subType}}">
                        {{# subNav}}
                            <li {{#if thirdNav}}class="contain-third"{{/if}}>
                                <a href="{{link}}">{{name}}
                                    {{#if isNew}}
                                        <span class="newlogo"></span>
                                    {{/if}}
                                </a>
                                {{#if thirdNav}}
                                    <div class="third-nav-wrapper">
                                        <div class="center-content">
                                            <dl class="hide-list hide">
                                                {{# thirdNav}}
                                                    <dt>
                                                    <h1 class=""><a href="{{link}}">{{title}}</a></h1>
                                                    </dt>
                                                    {{#brandItems}}
                                                        <dd>
                                                            <a href="{{link}}"{{#if hot}}
                                                               class="hot"{{/if}}>{{brandName}}</a>
                                                        </dd>
                                                    {{/brandItems}}
                                                {{/thirdNav}}
                                            </dl>
                                            <div class="show-detail" data-code="{{imgCode}}">
                                                <a><img src="data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///93d3f///yH5BAEAAAMALAAAAAABAAEAAAICVAEAOw=="></a>
                                                <a class="title">热门小物优选</a>
                                            </div>
                                        </div>
                                    </div>
                                {{/if}}
                            </li>
                        {{/ subNav}}
                    </ul>
                {{/ subNavGroup}}
            </div>
        </div>
    </div>
    <div id="hide-template">
        <script type="text/html" id="header-login-info-tpl">
            <span>Hi~ <a href="\{{usercenter}}" class="nick-name">\{{nickname}}</a></span>
            &nbsp;[ <a href="\{{signout}}">退出</a> ]
        </script>
        <script type="text/html" id="simple-account-info-tpl">
            <div class="account-info-header">
                <div class="user-img">
                    \{{#if headIco}}
                        <img src="\{{headIco}}">
                    \{{/if}}
                </div>
                <div class="user-name">
                    <a href="//www.yohobuy.com/home?t=\{{random}}">\{{profileName}}</a>
                </div>
                <h3 class="user-level">
                    VIP: <span>\{{curTitle}}</span>
                </h3>
                \{{#unless vip3}}
                <div class="level-detail">
                    <div class="level-view-bar">
                        <div class="text-span">
                            \{{curYearCost}}/\{{nextVipNeedCost}}
                        </div>
                        <p class="\{{#if curYearCostPer}}integrate\{{/if}}" style="width: \{{curYearCostPer}}%;"></p>
                    </div>
                    <span>\{{nextVipTitle}}</span>
                </div>
                \{{/unless}}
            </div>
            <ul class="account-info-content">
                <li>
                    <a href="//www.yohobuy.com/home/orders?t=\{{timestamp}}">待处理的订单</a>
                    <span class="right">\{{order}}</span>
                </li>
                <li>
                    <a href="//www.yohobuy.com/home/favorite?t=\{{timestamp}}">我的收藏</a>
                    <span class="right"></span>
                </li>
                <li>
                    <a href="//www.yohobuy.com/home/coupons?t=\{{timestamp}}">我的优惠券</a>
                    <span class="right">\{{coupon}}</span>
                </li>
                <li>
                    <a href="//www.yohobuy.com/home/currency?t=\{{timestamp}}">我的有货币</a>
                    <span class="right">\{{coin}}</span>
                </li>
                <li>
                    <a href="//www.yohobuy.com/home/returns?t=\{{timestamp}}">我的退货换货</a>
                    <span class="right">\{{return}}</span>
                </li>
            </ul>

            <div class="account-info-footer">
                <a href="//www.yohobuy.com/home/user?t=\{{timestamp}}">完善资料
                {{#unless @root.pc.user.removeStudentIdentification}}
                    <span>(学生认证)</span>
                {{/unless}}
                </a>
            </div>
        </script>

        <script type="text/html" id="search-suggest-tml">
                \{{#data}}
            <li>
                <a style="display: block;" href="\{{href}}" class="clearfix clear search-item" title="\{{keyword}}"
                   act="\{{href}}">
                    <span class="searchvalue">\{{keyword}}</span>
                    <span class="valuenum">约\{{count}}个商品</span>
                </a>
            </li>
                \{{/data}}
        </script>
        <script type="text/html" id="search-suggest-history">
                \{{#if data}}<p class="search-suggest-title">最近搜过<a class="search-del" href="#">清空</a></p>
                \{{#data}}
            <li>
                <a style="display: block;" href="\{{href}}" class="clearfix clear search-item" title="\{{keyword}}"
                   act="\{{href}}">
                    <span class="searchvalue">\{{keyword}}</span>
                </a>
            </li>
                \{{/data}}
               \{{/if}}
        </script>
    </div>

    <input id="api-domain" type="hidden" value="{{apiDomain}}">
{{/ headerData}}