order.phtml 1.22 KB
<div class="order" data-id="{{orderNum}}">
    <header class="header">
        订单编号:{{orderNum}}
        <span class="trading-status">{{tradingStatus}}</span>
    </header>
    <section class="order-goods">
        {{# goods}}
            {{> me/order/good}}
        {{/ goods}}
    </section>
    <footer class="footer">
        共{{count}}件商品  实付<span class="sum-cost">¥{{sumCost}}</span>
    </footer>

    {{!-- 对应订单状态的操作逻辑 --}}
    {{#if unpaid}}
        <div class="order-opt">
            <span class="btn cancel">取消订单</span>
            <span class="btn pay">立即付款</span>
        </div>
    {{/if}}

    {{#with unreceived}}
        <div class="order-opt">
            <a class="check-logistics" href="{{.}}">查看物流</a>
        </div>
    {{/with}}

    {{#with unshipped}}
        <div class="order-opt">
            <a class="check-logistics" href="{{.}}">查看物流</a>
        </div>
    {{/with}}

    {{#if canceled}}
        <div class="order-opt">
            <span class="btn del">删除订单</span>
        </div>
    {{/if}}

    {{#if completed}}
        <div class="order-opt">
            <span class="btn del">删除订单</span>
        </div>
    {{/if}}
</div>