header.hbs 13.9 KB
{{# headerData}}
    <div class="yoho-header {{headType}}">
        <div class="tool-wrapper clearfix">
            <div class="center-content">
                <div class="yoho-group-map left">
                    <span class="icon-hamburger"></span>
                    <a href="http://www.yohobuy.com">YOHO!有货</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="yoho-buy-tools right">
                    <ul>
                        <li id="loginBox">
                            <span class="hi">Hi~</span>
                            [ <a href="http://www.yohobuy.com/signin.html" class="loginbar">请登录</a> ]
                            [ <a href="http://www.yohobuy.com/reg.html" class="registbar">免费注册</a> ]
                        </li>
                        <li class="myyoho" id="myYohoBox">
                            <span class="tag-seprate"></span>
                            <a href="http://www.yohobuy.com/home?t=1453340799.4986">MY有货</a>
                            <span class="icon-bottomarrow"></span>
                            <div class="simple-user-center"></div>
                        </li>
                        <li class="myorder">
                            <span class="tag-seprate"></span>
                            <span class="icon-papers"></span>
                            <a href="http://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="http://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="http://www.yohobuy.com/home/message?t=1453168898.0176">消息</a>
                        </li>
                        <li class="phoneapp">
                            <span class="tag-seprate"></span>
                            <span class="icon-phone"></span>
                            <a href="http://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="http://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="http://www.yohobuy.com/" class="main-link"></a></div>
                <ul class="main-nav-list">
                    {{# navbars}}
                        <li {{#if active}} class="cure"{{/if}}{{#if ico}} style="background: url({{image ico 54 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">
                    <ul class="search-suggest"></ul>
                    <div class="search-2016">
                        <form action="http://search.yohobuy.com" method="get" id="search-form">
                            <input type="text" name="query" class="search-key" autocomplete="off">
                            <a class="search-btn"></a>
                        </form>
                    </div>
                    <div class="go-cart">
                        <a href="http://www.yohobuy.com/shopping/cart">
                            <span class="iconfont ">&#xe600;</span>
                            <span class="goods-num-tip">0</span>
                        </a>
                        <div class="mini-cart-wrapper">
                            <div class="loading-cart">
                                <h3>加载中,请稍后</h3>
                            </div>
                            <div class="empty-cart">
                                <h3>您的购物车暂无商品</h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="nav-wrapper clearfix">
            <div class="center-content">
                <ul class="sub-nav-list">
                    {{# 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>
            </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" >
                    <img src="\{{head_ico}}">
                </div>
                <div class="user-name">
                    <a href="http://www.yohobuy.com/home?t=\{{random}}">\{{profile_name}}</a>
                </div>
                <h3 class="user-level">
                    VIP: <span>\{{vip.curVipInfo.title}}</span>
                </h3>
                \{{#unless vip3}}
                    <div class="level-detail">
                        <div class="level-view-bar">
                            <div class="text-span">
                                \{{vip.curYearCost}}/\{{vip.nextVipInfo.needCost}}
                            </div>
                            <p class="\{{#if vip.curYearCostPer}}integrate\{{/if}}" style="width: \{{vip.curYearCostPer}}%;"></p>
                        </div>
                        <span>\{{vip.nextVipInfo.title}}</span>
                    </div>
                \{{/unless}}
            </div>
            <ul class="account-info-content">
                <li>
                    <a href="http://www.yohobuy.com/home/orders?t=\{{timestamp}}">待处理的订单</a>
                    <span class="right">\{{orderCount}}</span>
                </li>
                <li>
                    <a href="http://www.yohobuy.com/home/favorite?t=\{{timestamp}}">我的收藏</a>
                    <span class="right"></span>
                </li>
                <li>
                    <a href="http://www.yohobuy.com/home/coupons?t=\{{timestamp}}">我的优惠券</a>
                    <span class="right">\{{couponCount}}</span>
                </li>
                <li>
                    <a href="http://www.yohobuy.com/home/currency?t=\{{timestamp}}">我的YOHO币</a>
                    <span class="right">\{{YohocoinCount}}</span>
                </li>
                <li>
                    <a href="http://www.yohobuy.com/home/returns?t=\{{timestamp}}">我的退货换货</a>
                    <span class="right">\{{refundCount}}</span>
                </li>
            </ul>
            <div class="account-info-footer">
                <a href="http://www.yohobuy.com/home/user?t=\{{timestamp}}">完善资料</a>
            </div>
        </script>
        <script type="text/html" id="mini-cart-tpl">
            \{{#carData}}
                <div class="rich-cart">
                    <div class="goods-list">
                        \{{# totalGoods}}
                            \{{#notzero buy_number}}
                                <div class="goods-item">
                                    <div class="goods-img">
                                        <a href="\{{product_url}}">
                                            <img src="\{{default_img}}"/>
                                        </a>
                                    </div>
                                    <div class="goods-info">
                                        <p class="title">
                                            <a href="\{{product_url}}">\{{product_name}}</a>
                                        </p>
                                        <p>
                                            颜色:\{{color_name}}
                                            尺码:\{{size_name}}
                                        </p>
                                    </div>
                                    <div class="goods-price">
                                        <p>\{{show_price}} x \{{buy_number}}</p>
                                        <p>
                                            <a href="javascript:void(0)" class="cart-goods-del" data-id=\{{goods_incart_id}} data-cheapest=\{{is_cheapest_free}} data-sku=\{{product_sku}} data-proid=\{{promotion_id}} data-num=\{{buy_number}}>删除</a>
                                        </p>
                                    </div>
                                </div>
                            \{{/notzero}}
                        \{{/ totalGoods}}
                        \{{#if has_promotion}}
                            <div class="activity-item">
                                <label class="activity-name">活动</label>
                                <h3 class="activity-content">
                                    \{{#if fit_outlet_promotion }}
                                        购outlet商品,满¥1999再享9折
                                    \{{/if}}
                                    \{{#if has_other_promotion}}
                                        <span class="mycart_i_down" title="更多" ></span>
                                    \{{/if}}
                                    \{{#if has_first_promotion}}
                                        \{{first_promotions.promotion_title}}
                                    \{{/if}}
                                </h3>
                            </div>
                        \{{/if}}
                        \{{#if fit_free_shipping }}
                            <div class="activity-item">
                                <label class="activity-name">免运费</label>
                                <h3 class="activity-content">全场满 ¥\{{fit_free_shipping}}免运费</h3>
                            </div>
                        \{{/if}}
                    </div>
                    <div class="go-full-cart">
                        <div>
                            <a href="/shopping/cart">去购物车结算</a>
                        </div>
                    </div>
                </div>
            \{{/carData}}
        </script>
    </div>

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