<div class="order-page yoho-page">
    {{# order}}
        {{> fraud}}
        <ul id="order-nav" class="order-nav clearfix">
            {{#each navs}}
                <li class="tap-hightlight {{#if active}}active{{/if}}" data-type="{{typeId}}">
                    <a class="nav-tap" data-url="{{url}}">{{name}}</a>
                </li>
            {{/each}}
            {{#if @root.isMarsApp}} 
                <li class="tap-hightlight">
                    <a class="nav-tap" href="/home/return">退换货</a>
                </li>
            {{/if}}
        </ul>

        <div id="order-container" class="order-container">
            {{#if @root.walkwayUrl}}
                <div class="no-order">
                    <div class="icon"></div>
                    <span>你还没有订单!</span>
                    <a class="walk-way" href="{{@root.walkwayUrl}}">随便逛逛</a>
                </div>
            {{^}}
                <div class="firstscreen-orders">
                    {{#each @root.firstPageOrdersList}}
                        {{> order/order}}
                    {{/each}}
                </div>
            {{/if}}


            {{#each navs}}
                <div class="orders{{#unless active}} hide{{/unless}}"></div>
            {{/each}}
        </div>

        <div class="reason-mask">
            <div class="reason-box" >
                <div class="box-head"><span class="box-cmp">完成</span></div>
                <div class="swiper-container box-main">

                    <ul class="swiper-wrapper">
                        {{#cancelReason}}
                        <li class="swiper-slide" data-reason-id="{{id}}"><span >{{reason}}</span></li>
                        {{/cancelReason}}
                    </ul>
                    <div class="active-mask"></div>
                </div>
            </div>
        </div>
    {{/ order}}

    {{!-- 申请退款原因 --}}
     <div class="refund-reason-mask">
            <div class="refund-reason-box" >
                <div class="box-head"><span class="box-cmp">完成</span></div>
                <div class="swiper-container refund-box-main">

                    <ul class="swiper-wrapper">
                        {{#refundReason}}
                        <li class="swiper-slide" data-reason-id="{{id}}"><span >{{reason}}</span></li>
                        {{/refundReason}}
                    </ul>
                    <div class="refund-active-mask"></div>
                </div>
            </div>
    </div>
</div>
<input type="hidden" id="no-download">