index.hbs 4.15 KB
<div class="shopping-cart-page yoho-page">
    <p class="login-info">
        <span class="iconfont">&#xe628;</span>
        请您先
        <a class="btn btn-login" href="{{signurl}}">登录</a>
        可以同步电脑和手机中的商品
    </p>
    <ul class="cart-nav clearfix">
        <li class="active" id="common-cart-nav">
            <span>普通商品(13)</span>
        </li>
        <li id="presell-cart-nav">
            <span >预售商品(1)</span>
            <div id="presell-tip" class="presell-tip hide">
                <div class="triangle"></div>
                <p class="pt-content">预售商品点这里结算哦~</p>
            </div>
        </li>
    </ul>
    <div class="cart-content normal-good">
        <div class="normal-box">
            <div class="cart-brand box">
                <div class="promotion-header  ">
                    <div class="promo-item">
                        <div class="info"><i class="iconfont cuxiao"></i>差¥200立享【满¥699减100】</div>
                        <div class="opt to-gift">
                            <a href="#">去凑单</a><i class="iconfont to-arrow"></i>
                        </div>
                    </div>
                    <div class="promo-item">
                        <div class="info"><i class="iconfont cuxiao"></i>差¥200立享【满¥699减100】</div>
                        <div class="opt to-gift">
                            <a href="#">去凑单</a><i class="iconfont to-arrow"></i>
                        </div>
                    </div>
                    <div class="down-arrow">
                        <i class="iconfont arrow"></i>
                    </div>
                </div>
                <div class="good-list">
                    {{> cart-good}}
                </div>
            </div>
        </div>
        <div class="all-gift-box box">
            <div class="gift-item">
                <div class="flag">
                    <i class="iconfont gift"></i>
                </div>
                <div class="content">
                    <div class="info">已满足全场加价购</div>
                    <div class="opt to-gift">
                        <a href="#">去凑单</a><i class="iconfont to-arrow"></i>
                    </div>
                </div>
            </div>
            <div class="gift-item">
                <div class="flag">
                    <i class="iconfont price-gift"></i>
                </div>
                <div class="content">
                    <div class="info">已满足全场加价购</div>
                    <div class="opt to-gift">
                        <a href="#">去凑单</a><i class="iconfont to-arrow"></i>
                    </div>
                </div>
            </div>
        </div>
        <div class="disable-box box">
            {{> cart-good}}
            <div class="remove-all">
                <button class="btn btn-remove">清空失效商品</button>
            </div>
        </div>
        <div class="total box">
            <div class="activity-title">
                <h1>已参与活动</h1>
            </div>
            <div class="activity">
                <ul>
                    <li>【大牌盛宴】下单7折</li>
                    <li>满¥399免运费</li>
                </ul>
            </div>
            <div class="price-compute">
                <p>总计¥1896.60=商品金额¥1986.00-活动金额¥89.40</p>
            </div>
        </div>
    </div>
    <div class="cart-content advance-good hide"></div>
    <div class="recommend-for-you box hide">
    </div> 
    <div class="cart-footer">
        <div class="check-all">
            <i class="iconfont chk"></i>
            <p>全选</p>
        </div>
        <div class="opts edit hide">
            <button class="btn btn-gray">移入<br>收藏夹</button>
            <button class="btn btn-red">删除</button>
        </div>
        <div class="opts bill ">
            <div class="total">
                <p class="price">总计:¥0.00&nbsp;&nbsp;(0件)</p>
                <p class="intro">不含运费</p>
            </div>
            <button class="btn btn-red">结算</button>
        </div>
    </div>
</div>