goods-detail.hbs 4.27 KB
<div class="detail-header">
    <span class="colse">X关闭</span>
</div>
<div class="detail-body">
    <span class="magnify"></span>
    {{#colors}}
        <div class="detail-bigpic {{#unless focus}}none{{/unless}}">
            {{#thumbs}}
                <div class="bigpic">
                    <img src="{{image2 shower}}">
                </div>
            {{/thumbs}}
            <div class="piclist">
                <span class="pre"></span>
                <div class="con">
                    <ul>
                        {{#thumbs}}
                            <li><img src="{{image2 img}}"></li>
                        {{/thumbs}}
                    </ul>
                </div>
                <span class="next"></span>
            </div>
        </div>
    {{/colors}}
    <div class="detail-info">
        <div class="title">
            <h2>{{name}}</h2>
        </div>
        <div class="type">
            <span class="type-s">新品</span>
        </div>
        <div class="price">

            {{#if salePrice}}
                <span class="oldprice">原价:<del>{{marketPrice}}</del></span>
                <span class="newprice">现价:<b class="promotion-price">{{salePrice}}</b></span>
            {{^}}
                <span class="newprice {{#presalePrice}}none{{/presalePrice}}">原价:<b class="promotion-price">{{marketPrice}}</b></span>
            {{/if}}

            {{#if presalePrice}}
                <span class="oldprice">原价:<del>{{marketPrice}}</del></span>
                <span class="newprice">预售价:<b class="promotion-price">{{presalePrice}}</b></span>
            {{/if}}
            {{#arrivalDate}}
                <span class="arrivalDate">上市期:{{arrivalDate}}</span>
            {{/arrivalDate}}
        </div>
        <div class="order">
            <dl>
                <dd class="colorBox">选颜色:</dd>
                <dt>
                <div class="colorBox">
                    <ul>
                        {{#colors}}
                            <li class="color">
                                <p class="{{#if focus}}atcive{{/if}}"><span></span><img src="{{image2 src}}"></p>
                                <span>{{name}}</span>
                            </li>
                        {{/colors}}
                    </ul>
                </div>
                </dt>
                <dd class="">选尺码:</dd>
            <dt>
                {{#colors}}
                    <div class="showSizeBox {{#unless focus}}none{{/unless}}">
                        {{#size}}
                            <span data-sku="{{sku}}" data-num="{{num}}">{{name}}</span>
                        {{/size}}
                    </div>
                {{/colors}}
                </dt>
                <dd>选件数:</dd>
                <dt>
                <div class="amount_wrapper">
                    <i class="amount cut"></i>
                    <input type="text" id="mnum" class="mnum" value="1" readonly="readonly">
                    <i class="amount add"></i>

                </div>
                </dt>
            </dl>
        </div>
        <div class="submit">
            <input class="addcart" type="button">
            <input class="btn_pre_sale none" type="button">
            <input class="btn_sellout none" type="button">
            <input class="fav_count" type="button">
        </div>
    </div>

    <div class="detail-size">
        <h3>尺码信息<span>(单位:厘米)</span></h3>
        {{# size}}
            <table>
                <thead>
                    <tr>
                        {{# thead}}
                            <td width="{{width}}">{{name}}</td>
                        {{/ thead}}
                    </tr>
                </thead>
                <tbody>
                {{# tbody}}
                    <tr>
                        {{#each .}}
                            <td>{{.}}</td>
                        {{/each}}
                    </tr>
                {{/ tbody}}
                </tbody>
            </table>
        {{/ size}}
        <div class="size-info">
            ※ 以上尺寸为实物实际测量,因测量方式不同会有略微误差,相关数据仅作参考,以收到实物为准。
        </div>
    </div>
</div>
<input value="{{addToCart}}" id="addToCart" type="hidden" />