{{> layout/header}}
<div class="good-detail-page yoho-page">
    <div class="banner-container">
        <h1 class="is-new-lable">NEW</h1>
        {{# bannerTop}}
        {{> product/banner_swiper_arrow}}
        {{/ bannerTop}}
    </div>

    {{# goodsName}}
    <h2 class="goodsName"><span>{{.}}</span></h2>
    {{/ goodsName}}

    {{# goodsSubtitle}}
    <h1 class="goodsSubtitle"><span>{{.}}</span></h1>
    {{/ goodsSubtitle}}

    <div class="price-date">
     {{#goodsPrice}}
     <div class="goodsPrice">
        <h1 class="currentPrice">{{currentPrice}}</h1>
        <h1 class="previousPrice">{{previousPrice}}</h1>
    </div>
    {{/goodsPrice}}
    {{#periodOfMarket}}
    <div class="periodOfMarket">
        <h1>上市期：</h1>
        <h1 >{{.}}</h1>
    </div>
    {{/periodOfMarket}}
</div>

{{# vipLevel}}
<div class="vipLevel">
 {{# list}}
<span class="vip-img">
    <img class="lazy" data-original="{{img}}" alt="">
</span>
 <span class="vip-price">{{text}}</span>
 {{/ list}}           
</div>
{{/ vipLevel}}

{{#goodsDiscount}}
<div class="goodsDiscount">
    <h1>{{.}}<span class="iconfont">&#xe609;</span></h1>
</div>
{{/goodsDiscount}}

<div class="feedback-list ">
    {{# feedbacks}}
    {{#if nodata}}
        <div class="nodata">
            <span>暂无商品评价和咨询</span>
            <a class="go-consult">我要咨询<i class="iconfont"><span class="iconfont">&#xe604;</span></a>
        </div>
        {{else}}
    
    <ul id="nav-tab" class="nav-tab clearfix">
        <li class="comment-nav focus">{{commentName}}({{commentsNum}})</li>
        <li class="consult-nav">{{consultName}}({{consultsNum}})</li>
    </ul>
    <div id="feedback-content" >
       
        <div class="comment-content content ">
             {{#if commentsNum}}
            <div class="comment-content-main content-main">
                {{# comments}}
                <span class="user-name">
                    {{userName}}
                </span>
                <span class="goods-spec">
                    {{desc}}
                </span>
                <p class="detail-content">
                    {{content}}
                </p>
                <span class="comment-time">
                    {{time}}
                </span>
                {{/ comments}}
            </div>
                {{else}}
                  <div class="comment-content-main content-main no-item">
                            <span class="iconfont">&#xe63c;</span>暂无评论
                  </div>
            {{/if}}
            <div class="comment-content-footer">
                <a href="{{moreComments}}">查看更多 <span class="iconfont">&#xe604;</span></a> 
            </div>
        </div>


        <div class="consult-content content hide ">
            {{#if consultsNum}}
            <div class="consult-content-main content-main">
                {{# consults}}
                <div class="question">
                    <span class="iconfont">&#xe639;</span>
                    <p>{{question}}
                        <span class="time">
                            {{time}}
                        </span>
                   </p>
                </div>
                
                <div class="answer">
                    <span class="iconfont">&#xe63c;</span>
                    <p>{{answer}}</p>
                </div>
                {{/ consults}}
            </div>
            <div class="consult-content-footer">
                <a href="{{moreConsults}}">
                    查看更多 
                    <span class="iconfont">&#xe604;</span></a> 
            </div>
                {{else}}
                 <div class="comment-content-main content-main no-item">
                            <span class="iconfont">&#xe63c;</span>暂无咨询
                  </div>
                  <div class="consult-content-footer">
                    <a href="{{gotoConsults}}">
                        我要咨询 
                        <span class="iconfont">&#xe604;</span></a> 
                    </div>
            {{/if}}

        </div>
    </div>
    {{/if}}
    {{/ feedbacks}}
</div>

<div class="gap-block"></div>

{{# enterStore}}       
<div class="enter-store page-block">
    <a class="store-logo" href="{{url}}" style="">
        <img class="lazy" data-original="{{img}}" alt="{{storeName}}">
    </a>
    <a class="store-name" href="{{url}}">{{storeName}}</a>
    <a class="store-link" href="{{url}}">进入店铺<span class="iconfont">&#xe604;</span></a>
</div> 
{{/ enterStore}}

<div class="gap-block"></div>

{{#goodsDescription}}
<div class="goods-desc  page-block">
 <img class="service lazy" data-original="http://static.dev.yohobuy.com/img/product/service.png" alt="">
 <h1 class="title">
    {{title}}
    <span class="en-title">{{enTitle}}</span>
</h1>
{{#detail}}
<div class="detail table">
    <div class="row">
        <div class="column">编号：{{nubmer}}</div>
        <div class="column">帽型：{{hatType}}</div>
    </div>
    <div class="row">
        <div class="column">颜色：{{color}}</div>
        <div class="column">帽檐：{{bongrace}}</div>
    </div> 
    <div class="row">
        <div class="column">类型：{{type}}</div>
        <div class="column">细节：{{goodsDetail}}</div>
    </div> 
    <div class="row">
        <div class="column">性别：{{gender}}</div>
        <div class="column">风格：{{style}}</div>
    </div> 
</div>
{{/detail}}
</div>
{{/goodsDescription}}

<div class="gap-block"></div>

{{#sizeInfo}}
<div class="size-info  page-block">
 <h1 class="title">
    {{title}}
    <span class="en-title">{{enTitle}}</span>
</h1>
{{#detail}}
<div class="detail">
  <div class="swiper-container detail-swiper" id="size-swiper-container">
    <div class="swiper-wrapper">
        {{#list}}
        <div class="swiper-slide blue-slide" >
            <div class="size-name cell">{{name}}</div>
            <div class="size-m cell">{{sizem}}</div>
            <div class="size-xl cell">{{sizexl}}</div>
        </div>
        {{/list}}
    </div>
</div>
<p class="tips">提示：左滑查看完整表格信息</p>
</div>
{{/detail}}
</div>
{{/sizeInfo}}

<div class="gap-block"></div>

{{#measurementMethod}}
<div class="measurement-method  page-block">
    <h1 class="title">
        {{title}}
        <span class="en-title">{{enTitle}}</span>
    </h1>
    {{#detail}}
    <div class="detail" style="width:100%">
        <img class="lazy" data-original="{{img}}" alt="">
        <div class="right-part">
            <div class="title">
                <h1 >{{sort}}</h1>
                <span>{{enSort}}</span>
            </div>
            <ul class="items">
                {{#each items}}
                <li>
                    <span>{{@index}}</span>
                    {{this}}</li>
                    {{/items}}
                </ul>
            </div>
        </div>
        {{/detail}}
    </div>
    {{/measurementMethod}}

    <div class="gap-block"></div>

    {{#reference}}
    <div class="size-info  page-block">
        <h1 class="title">
            {{title}}
            <span class="en-title">{{enTitle}}</span>
        </h1>
        {{#detail}}
        <div class="detail">
          <div class="swiper-container detail-swiper" id="reference-swiper-container">
            <div class="swiper-wrapper">
                {{#list}}
                {{#if @first}}
                <div class="swiper-slide first-group" >
                        <img class="lazy avatar" data-original="{{firstModel}}"  alt="">
                        <img class="lazy avatar" data-original="{{secondModel}}" alt="">
                </div>
                {{^}}
                <div class="swiper-slide" >
                    <div class="model-field cell">{{fieldName}}</div>
                    <div class="first-model cell">{{firstModel}}</div>
                    <div class="second-model cell">{{secondModel}}</div>
                </div>
                {{/if}}
                {{/list}}
            </div>
        </div>
        <p class="tips">提示:左滑查看完整表格信息</p>
    </div>
    {{/detail}}
</div>
{{/reference}}

<div class="gap-block"></div>

{{#materials}}
<div class="materials  page-block">
 <h1 class="title">
    {{title}}
    <span class="en-title">{{enTitle}}</span>
</h1>
<div class="detail">
    <img class="lazy" data-original="{{img}}" alt="">
    <p class="material-desc">
        {{desc}}
    </p>
</div>
<img class="lazy material-type" data-original="{{materialType}}"  alt="" >
</div>
{{/materials}}

<div class="gap-block"></div>

{{#productDetail}}
<div class="product-detail page-block">
 <h1 class="title">
    {{title}}
    <span class="en-title">{{enTitle}}</span>
</h1>
<div class="detail">
    <p>{{desc}}</p>
    <img class="lazy" data-original="{{img}}" alt="">
</div>
</div>
{{/productDetail}}

{{#cartInfo}}
<div class="cart-bar">
    <span class="num-tag">{{numInCart}}</span>
    <a href="" class="num-incart iconfont">&#xe62c;</a>
    <a href="" class="addto-cart ">加入购物车</a>
    <a href="" class="favorite iconfont">&#xe605;</a>
</div>
{{/cartInfo}}
</div>
{{> layout/footer}}