cart-product-info-tpl.hbs 5.85 KB
<div class="detail-goods" data-skn="{{skn}}" data-productid="{{productId}}">
    {{#colors}}
        <div class="detail-bigpic {{#unless focus}}none{{/unless}}">
            {{#thumbs}}
                <div class="bigpic" {{#unless @first}}style="display:none"{{/unless}}>
                    <img src="{{shower}}">
                </div>
            {{/thumbs}}

            <div class="piclist">
                <span class="pre"></span>
                <div class="con">
                    <ul>
                        {{#thumbs}}
                            <li {{#if @first}}class="active"{{/if}}>
                                <img src="{{img}}">
                            </li>
                        {{/thumbs}}
                        <!--<li class="active"><img src=""></li>-->
                    </ul>
                </div>
                <span class="next"></span>
            </div>
        </div>
    {{/colors}}
    <div class="detail-info">
        <div class="title">
            <h2>{{name}}</h2>
        </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="newprice">预售价:<b class="promotion-price">{{presalePrice}}</b></span>
                <span class="oldprice">原价:<del>{{marketPrice}}</del></span>
            {{/if}}
            {{#arrivalDate}}
                <span class="arrivalDate">上市期:{{arrivalDate}}</span>
            {{/arrivalDate}}

            <!--<span class="newprice">现价:<b class="promotion-price">{{salePrice}}</b></span>
            <span class="activityprice">活动价:<b class="promotion-price">{{marketPrice}}</b></span>-->
        </div>
        <div class="order">
            <dl>
                <dd class="colorBox">选颜色:</dd>
                <dt>
                    <div class="colorBox">
                        <ul data-role="colors">
                            {{#each colors}}
                                <li class="color"><!--active-->
                                    <p class="{{#if focus}}active{{/if}}">
                                        <span></span>
                                        <img src="{{src}}">
                                    </p>
                                    {{!--<span>{{name}}</span>--}}
                                </li>
                            {{/each}}
                        </ul>
                    </div>
                </dt>
            </dl>
            <dl>
                <dd class="showSizeBox">选尺码:</dd>
                <dt data-role="sizes">
                    {{#each colors}}
                        <div class="showSizeBox size-row {{#unless focus}}none{{/unless}}">
                            {{#each size}}
                                <span data-sku="{{sku}}" data-num="{{num}}"
                                      {{#unless num}}class="disabled"{{/unless}}>{{name}}</span>
                            {{/each}}
                        </div>
                    {{/each}}
                    <p class="size-p-tip" style="display:none;"><i class="iconfont">&#xe6c2;</i>请选择尺码</p>
                    <!--<p class="size-p">内长&nbsp;25.5com</p>-->
                </dt>
            </dl>
            <dl>
                <dd class="showNumBox">选件数:</dd>
                <dt>
                    <div class="amount_wrapper">
                        <input type="text" id="num" class="num" value="1" readonly="readonly">
                        <a class="amount cut"><i class="iconfont">&#xe6c1;</i></a>
                        <a class="amount add"><i class="iconfont">&#xe6c0;</i></a>
                    </div>
                </dt>
            </dl>
        </div>
        <div class="submit">
            {{#unless isView}}
                <button class="btn-red addcart"><i class="addCart iconfont">&#xe600;</i>添加到购物车</button>
            {{/unless}}
            {{#if isView}}
                <button class="addcart btn-grey"><i class="addCart iconfont">&#xe600;</i>添加到购物车</button>
            {{/if}}
            <button class="btn-sellOut btn-grey none">
                <i class="sellOut iconfont">&#xe6e0;</i>已售罄
            </button>
            {{#if isFav}}
                <button class="btn-favCount favAdd" data-role="fav-count"><i class="favCount iconfont coled">&#xe68f;</i><em>已收藏</em></button>
            {{else}}
                <button class="btn-favCount favCancel" data-role="fav-count"><i class="favCount iconfont">&#xe68f;</i><em>收藏商品</em></button>
            {{/if}}
        </div>
        {{#if isView}}
            <p class="submit-tip">未满足活动条件</p>
        {{/if}}
    </div>
    <div class="detail-size">
        <h3>尺码信息<span>(单位:厘米)</span></h3>
        {{# size}}
            <table>
                <thead>
                <tr>
                    {{# thead}}
                        <th width="{{width}}">{{name}}</th>
                    {{/ thead}}
                </tr>
                </thead>
                <tbody>
                {{# tbody}}
                    <tr>
                        {{#each .}}
                            <td>{{.}}</td>
                        {{/each}}
                    </tr>
                {{/ tbody}}
                </tbody>
            </table>
        {{/size}}
        <div class="size-info">
            ※ 以上尺寸为实物实际测量,因测量方式不同会有略微误差,相关数据仅作参考,以收到实物为准。
        </div>
    </div>
</div>