chose-panel.phtml 2.74 KB

<div class="chose-panel">
    <div class="main">
        <div class="infos">
            <div class="basic-info">
                {{#thumbs}}
                {{#if @first}}
                <img class="thumb" src={{img}}>
                {{else}}
                <img class="thumb hide" src={{img}}>
                {{/if}}
                {{/thumbs}}
                <div class="text-info">
                    <p class="name">{{name}}</p>
                    <p class="price">
                        <span class="sale-price{{^price}} no-price{{/price}}">¥{{salePrice}}</span>
                        {{#if price}}
                            <span class="market-price">¥{{price}}</span>
                        {{/if}}
                    </p>
                </div>
            </div>
            <div class="chose-items">
                <div class="color-list block-list">
                    <span>颜色</span>
                    <ul class="clearfix" data-type="color">
                        {{# colors}}
                            <li class="block {{#if chosed}}chosed{{/if}} {{#unless colorNum}}zero-stock{{/unless}}" data-num="{{colorNum}}" data-numstr="{{sizeNumStr}}" data-skcid="{{skcId}}">
                                {{name}}
                            </li>
                        {{/ colors}}
                    </ul>
                </div>
                <div class="size-list block-list">
                    <span>尺码</span>                  
                    <ul class="clearfix" data-type="size" >
                        {{# sizes}}
                            <li class="block {{#if chosed}}chosed{{/if}} {{#unless sizeNum}}zero-stock{{/unless}}" data-id={{id}} data-num="{{sizeNum}}" data-numstr="{{colorNumStr}}" data-skuid="{{skuId}}" data-goodid="{{goodId}}">
                                {{name}}
                            </li>
                        {{/ sizes}}
                    </ul>
                </div>
                <div class="num">
                    <span>数量</span>
                    <div class="clearfix">
                        <a class="btn btn-minus" href="javascript:void(0);">
                            <span class="iconfont">&#xe625;</span>
                        </a>
                        <input id="good-num" class="good-num" type="text" value={{num}}>
                        <a class="btn btn-plus" href="javascript:void(0);">
                            <span class="iconfont">&#xe624;</span>
                        </a>  
                    </div>
                    <span class="left-num"></span>
                </div>
            </div>
        </div>
        <div class="btn-wrap">
            <button id="chose-btn-sure" class="btn btn-sure">加入购物车</button>
        </div>
    </div>
</div>