cart-product-info-tpl.hbs 5.11 KB
<div class="detail-goods">
    <div class="detail-bigpic">
        <div class="bigpic">
            <img src="">
        </div>
        <div class="bigpic none">
            <img src="">
        </div>
        <div class="bigpic none">
            <img src="">
        </div>
        <div class="bigpic none">
            <img src="">
        </div>
        <div class="bigpic none">
            <img src="">
        </div>
        <div class="bigpic none">
            <img src="">
        </div>
        <div class="piclist">
            <span class="pre"></span>
            <div class="con">
                <ul>
                    <li class="active"><img src=""></li>
                    <li><img src=""></li>
                    <li><img src=""></li>
                    <li><img src=""></li>
                    <li><img src=""></li>
                </ul>
            </div>
            <span class="next"></span>
        </div>
    </div>
    <div class="detail-bigpic none">
        <div class="bigpic">
            <img src="">
        </div>
        <div class="bigpic none">
            <img src="">
        </div>
        <div class="bigpic none">
            <img src="">
        </div>
        <div class="bigpic none">
            <img src="">
        </div>
        <div class="bigpic none">
            <img src="">
        </div>
        <div class="bigpic none">
            <img src="">
        </div>
        <div class="piclist">
            <span class="pre"></span>
            <div class="con">
                <ul>
                    <li class="active"><img src=""></li>
                    <li><img src=""></li>
                    <li><img src=""></li>
                    <li><img src=""></li>
                    <li><img src=""></li>
                </ul>
            </div>
            <span class="next"></span>
        </div>
    </div>
    <div class="detail-info">
        <div class="title">
            <h2>{{name}}</h2>
        </div>
        <div class="price">
            <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>
                            {{#each colors}}
                                <li class="color active">
                                    <p class="{{#if focus}}atcive{{/if}}">
                                        <span></span>
                                        <img src="{{src}}">
                                    </p>
                                    <span>{{name}}</span>
                                </li>
                            {{/each}}
                        </ul>
                    </div>
                </dt>
            </dl>
            <dl>
                <dd class="showSizeBox">选尺码:</dd>
                <dt>
                    {{#each colors}}
                        <div class="showSizeBox">
                            {{#each size}}
                                <span data-sku="{{sku}}" data-num="{{num}}" class="disabled">{{name}}</span>
                            {{/each}}
                        </div>
                    {{/each}}
                    <!--<p class="size-p">内长&nbsp;25.5com</p>-->
                </dt>
            </dl>
            <dl>
                <dd>选件数:</dd>
                <dt>
                <div class="amount_wrapper">
                    <input type="text" id="num" class="num" value="1" readonly="readonly">
                    <a class="amount cut"><i class="iconfont">&#xe6c0;</i></a>
                    <a class="amount add"><i class="iconfont">&#xe6c1;</i></a>
                </div>
                </dt>
            </dl>
        </div>
        <div class="submit">
            <button class="btn-red"><i class="addCart iconfont">&#xe600;</i>添加到购物车</button>
            <button class="btn-favCount"><i class="favCount iconfont">&#xe68f;</i>收藏商品</button>
        </div>
    </div>
    <div class="detail-size">
        <h3>尺码信息(单位:厘米)</h3>
        <table>
            <thead>
            <tr>
                <th width="{{width}}">吊牌吃吗</th>
                <th width="{{width}}">吊牌吃吗
                </td>
                <th width="{{width}}">吊牌吃吗
                </td>
                <th width="{{width}}">吊牌吃吗
                </td>
                <th width="{{width}}">吊牌吃吗
                </td>
                <th width="{{width}}">吊牌吃吗
                </td>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>6666{{.}}</td>
            </tr>
            <tr>
                <td>4444{{.}}</td>
            </tr>
            </tbody>
        </table>
        <div class="size-info">
            ※ 以上尺寸为实物实际测量,因测量方式不同会有略微误差,相关数据仅作参考,以收到实物为准。
        </div>
    </div>
</div>