dever-product
/
wonderful


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
							<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport"
        content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>精美时尚</title>
<link href="css/global.css?v=3f8cf811" rel="stylesheet"><link href="css/pay.css?v=3f8cf811" rel="stylesheet"></head>

<body>
    <div class="container">
        <div>
            <div class="h1">正在购买《xxxx》</div>
            <div class='buytip' id="open">
                <p>查看购买说明</p>
            </div>
            <div class="list">
                <a class="item" href="#">
                    <p>购买10本</p>
                    <p>￥6</p>
                </a>
                <a class="item" bind-id="item" href="#">
                    <p>购买10本</p>
                    <p>￥6</p>
                </a>
                <a class="item" bind-id="item" href="#">
                    <p>购买10本</p>
                    <p>￥6</p>
                </a>
            </div>
        </div>
    </div>
    <div class="mask fn-hide" id="layer">
        <div class="layer ">
            <h3 class="title">购买说明</h3>
            <div class="richtext">asdfsdf</div>
            <div class="btn-wrapper">
                <div class="button opposite" node-act="close">我知道了</div>
            </div>
        </div>
    </div>

    <div class="mask fn-hide" id="pay-layer">
        <div class="layer buy-result">
            <h3 class="title">购买提示</h3>
            <div class="res" id="buyyes">您已成功购买1000本电子刊</div>
            <div class="btn-wrapper">
                <a href="codedetail.html" class="button" id="viewcode">查看兑换码</a>
                <div class="button" node-act="close">继续购买</div>
            </div>
        </div>
    </div>
    <div id="pay"></div>
<script type="text/javascript" src="js/global.js?v=3f8cf811"></script><script type="text/javascript" src="js/pay.js?v=3f8cf811"></script></body>
<script>
    
    $(document).on('click', '[bind-id="item"]', function(){
        $(this).addClass('active').siblings('.item').removeClass('active');
        $('#pay-layer').show();
    });

    $('#open').on('click',function(){
        $('#layer').show();
    });

    $('[node-act="close"]').on('click',function(){
        $(this).closest('.mask').hide();
    });

    function pay(url)
    {
        $.get(url, function(t) {
            $("#pay").html(t);
        })
    }

</script>
</html>