pay.hbs 2.89 KB
<div class="shopping-pay-page yoho-page clearfix">
    <div class="pay-page">
        <div class="pay-title">
            <div class="step4"></div>
            <ul>
                <li><span>查看购物车</span></li>
                <li><span>填写订单</span></li>
                <li class="end"><span>付款,完成购买</span></li>
            </ul>
        </div>
        {{# order}}
            <div class="cart-pay">
                <h2>您的订单已成功,现在就去付款吧~</h2>
                <h3>您的订单号:<strong class="order-num">{{order_code}}</strong> 应付金额:<strong>{{payment_amount}}</strong>&nbsp; &nbsp;
                    支付方式:在线支付 &nbsp; &nbsp; &nbsp; 送货时间:{{delivery_time}}</h3>
                <h4>{{../username}},如果2小时内您无法完成付款,系统会将您的订单取消。</h4>
            </div>
        {{/order}}

        <div class="wrapper">
            <div class="pay-way">
                <span class="word">使用:</span>
                <img src="{{payDefault.img}}" class="pay-type-img" id="show-pay-img">
            </div>

            <div id="tab-box">
                <ul class="tabs" id="tabs">
                    {{# pay}}
                        <li{{#if selected}} class="active"{{/if}}>{{name}}</li>
                    {{/pay}}
                </ul>

                <ul class="tab-conbox">
                    {{# pay}}
                        <li class="tab-con {{#unless selected}} hide{{/unless}}">
                            {{# children}}
                                <div class="mode{{#if selected}} active{{/if}}" data-id="{{id}}" data-value="{{value}}" data-name="{{name}}">
                                    <span class="choosed-tag"></span>
                                    <img src="{{img}}" alt="{{name}}" />
                                </div>
                            {{/children}}
                        </li>
                    {{/pay}}
                </ul>
            </div>

            <div>
                <input type="button" class="btnby " data-order="{{order.order_code}}" value="前往{{payDefault.name}}" />
            </div>
        </div>

        <div class="light-box">
            <div class="opacity" id="fade"></div>
            <div class="content" id="light">
                <h2>请您在新打开的页面上完成付款</h2>
                <div class="notice">
                    <p>付款完成前请不要关闭此窗口</p>
                    <p>完成付款后请根据您的情况点击下面的按钮</p>
                </div>
                <div class="btns">
                    <a href="javascript:void(0);" data-url = "{{ordersUrl}}"class="over">已完成付款</a>
                    <a href="#" class="change">更换支付方式</a>
                </div>
                <a href="#" class="close">x</a>
            </div>
        </div>
    </div>
</div>