cart-content.hbs 6.21 KB
<div class="normal-box">
    {{#goodPools}}
    <div class="cart-brand box good-pools-data">
        {{#if isPromotion}}
            <div class="promotion-header {{#if promotionMore}}more-box{{/if}}">
                {{#promotions}}
                    <div class="promo-item" data-id="{{promotionId}}" data-title="{{promotionOriginTitle}}" data-type="{{promotionType}}" data-status="{{status}}">
                        <div class="info"><i class="iconfont cuxiao"></i><span>{{promotionTitle}}</span></div>
                        <div class="opt to-gift {{#if noStorage}}no-storage{{/if}}">
                            <a href="javascript:;">{{optTitle}}</a><i class="iconfont to-arrow"></i>
                        </div>
                    </div>
                {{/promotions}}
                <div class="down-arrow">
                    <i class="iconfont arrow"></i>
                </div>
            </div>
            {{#sub_pool}}
                {{#if isPromotion}}
                     <div class="promos {{#if promotionMore}}more-box{{/if}}">
                        {{#promotions}}
                            <div class="promo-item" data-id="{{promotionId}}" data-title="{{promotionOriginTitle}}" data-type="{{promotionType}}" data-status="{{status}}">
                                <div class="info">
                                    <span class="flag">{{promotionFlag}}</span>{{promotionTitle}}
                                </div>
                                <div class="opt to-gift {{#if noStorage}}no-storage{{/if}}">
                                    <a href="javascript:;">{{optTitle}}</a><i class="iconfont to-arrow"></i>
                                </div>
                            </div>
                        {{/promotions}}
                        <div class="down-arrow">
                            <i class="iconfont arrow"></i>
                        </div>
                    </div>
                {{/if}}
                {{#goods}}
                    {{> cart-good}}
                {{/goods}}
            {{/sub_pool}}
        {{/if}}
        {{#if isBrand}}
            <div class="good-list">
                {{#goods}}
                    {{> cart-good}}
                {{/goods}}
            </div>
        {{/if}}
        {{#if isBundle}}
            <div class="bundle-title">
                <div class="opt">
                    <i class="iconfont chk select{{#if checked}} checked{{/if}}"></i>
                    {{#inValid}}
                        <span class="disable fill-text">失效</span>
                    {{/inValid}}
                </div>
                <div class="title">
                    <span>{{poolTitle}}</span>
                </div>
            </div>
            <div class="bundle-nums clearfix">
                <div class="label">
                    <span>套餐数量</span>
                </div>
                <div class="num-opt">
                    <a href="javascript:;" class="btn btn-opt-minus{{#ifor minSelectNum isGift isAdvanceBuy}} disabled{{/ifor}}"><span class="iconfont"></span></a>
                    <input type="text" class="good-num" disabled="true" value="{{count}}" data-min="{{minNumber}}" data-max="{{maxNumber}}">
                    <a href="javascript:;" class="btn btn-opt-plus{{#ifor maxSelectNum isGift isAdvanceBuy}} disabled{{/ifor}}"><span class="iconfont"></span></a>
                </div>
                <div class="count pull-right">x{{count}}</div>
            </div>
            <div class="good-list">
                {{#goods}}
                    {{> cart-good}}
                {{/goods}}
            </div>
        {{/if}}
    </div>
    {{/goodPools}}
    {{#goods}}
    <div class="cart-brand box goods-data">
        <div class="good-list">
            {{> cart-good}}
        </div>
    </div>
    {{/goods}}
</div>
{{#if freebieOrAdvanceBuy}}
<div class="all-gift-box box">
    {{#if freebie.length}}
    <div class="gift-item freebie">
        <div class="flag">
            <i class="iconfont gift"></i>
        </div>
        <div class="content">
            <div class="info">赠品</div>
            <div class="opt to-gift {{#ifnot giftHasStorage}}no-storage{{/ifnot}}">
                <a href="javascript:;">{{#if giftHasStorage}}领赠品{{^}}已抢光{{/if}}</a><i class="iconfont to-arrow"></i>
            </div>
        </div>
    </div>
    {{/if}}
    {{#if advanceBuy.length}}
    <div class="gift-item advanceBuy">
        <div class="flag">
            <i class="iconfont price-gift"></i>
        </div>
        <div class="content">
            <div class="info">加价购</div>
            <div class="opt to-gift {{#ifnot advanceHasStorage}}no-storage{{/ifnot}}">
                <a href="javascript:;">{{#if advanceHasStorage}}去换购{{^}}已抢光{{/if}}</a><i class="iconfont to-arrow"></i>
            </div>
        </div>
    </div>
    {{/if}}
</div>
{{/if}}
{{#if hasNoSaleGoods}}
<div class="disable-box box">
    {{#notValidGoods}}
        {{> cart-good}}
    {{/notValidGoods}}
    {{#offShelveGoods}}
        {{> cart-good}}
    {{/offShelveGoods}}
    
    <div class="remove-all">
        <button class="btn btn-remove">清空失效商品</button>
    </div>
</div>
{{/if}}
<div class="total box">
    {{#if promotionInfo.length}}
        <div class="activity-title">
            <h1>已参与活动</h1>
        </div>
        <div class="activity">
            <ul>
                {{#promotionInfo}}
                    <li>{{name}}</li>
                {{/promotionInfo}}
            </ul>
        </div>
    {{/if}}
    <div class="price-compute">
        <p>{{formulaPrice}}</p>
    </div>
</div>
<div class="cart-footer">
    <div class="check-all">
        <i class="iconfont chk select {{#if isAllSelected}}checked{{/if}}"></i>
        <i class="iconfont chk edit"></i>
        <p>全选</p>
    </div>
    <div class="opts edit">
        <button class="btn btn-gray btn-fav">移入<br>收藏夹</button>
        <button class="btn btn-red btn-del">删除</button>
    </div>
    <div class="opts bill ">
        <div class="total">
            <p class="price">总计:¥{{sumPrice}}&nbsp;&nbsp;({{count}}件)</p>
            <p class="intro">不含运费</p>
        </div>
        <button class="btn btn-red btn-balance">结算</button>
    </div>
</div>