{{> 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}}

 <!--     {{# goodsTitle}}
        <h1 class="goodsTitle">{{.}}</h1>
        {{/ goodsTitle}} -->

        <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}}
             {{#if @last}}
                <span>{{text}}</span>
                {{^}}
                <span>{{text}}</span> |
             {{/if}}
             {{/ list}}           
         </div>
         {{/ vipLevel}} -->

         {{# vipLevel}}
         <div class="vipLevel">
           {{# list}}
           <span class="vip-img"><img src="{{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-page ">
        {{# feedbacks}}
        <ul id="nav-tab" class="nav-tab clearfix">
            <li class="comment-nav focus">{{commentName}}</li>
            <li class="consult-nav">{{consultName}}</li>
        </ul>
        <div id="feedback-content" >
            <div class="comment-content content ">
                <div class="comment-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>
                <div class="comment-content-footer">
                    <a href="{{moreComments}}">查看更多 <span class="iconfont">&#xe604;</span></a> 
                </div>
            </div>
            <div class="consult-content content hide">
                {{# consults}}
                <!-- {{> guang/ps_item}} -->
                {{/ consults}}
            </div>
        </div>
        {{/ feedbacks}}
    </div>
    <div class="gap-block"></div>

    {{# enterStore}}       
    <div class="enter-store page-block">
        <a class="store-logo" href="{{url}}" style="">
            <img src="{{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>
    <!--   <iframe src="http://www.baidu.com" id="main" width="320" height="300" frameborder="0" scrolling="auto"></iframe> -->

     {{#goodsDescription}}
     <div class="goods-desc  page-block">
         <img class="service" src="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 src="{{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" >
                        <div class="model-field" >{{fieldName}}</div>
                        <div class="first-model">
                            <img src="{{firstModel}}" alt="">
                        </div>
                        <div class="second-model">
                            <img src="{{secondModel}}" alt="">
                        </div>
                    </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 src="{{img}}" alt="">
            <p class="material-desc">

                {{desc}}
            </p>

        </div>
        <img src="{{materialType}}" alt="" class="material-type">
     </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 src="{{img}}" alt="">
        </div>
     </div>
    {{/productDetail}}
    

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