dever-product
/
mars


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153
							<!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=a54dd0df" rel="stylesheet"><link href="css/index.css?v=a54dd0df" rel="stylesheet"></head>

<body>
    <div class='orderlist'>
        <div class='order'>
            <img src='http://7.jstyle.cn/1/2019/03/06/91e4fb0f002311e72cd285706e71d800.jpg' />
            <div class='info'>
                <div class='journal-no'>100本 ¥798.00</div>
                <div class='name'>欢乐阳光BOY王鹤棣</div>
                <div class='price'>
                    <span>2019.6.30 15:20</span>
                    <a href='javascript:;' node-act="subscribe" class='button'>订阅</a>
                </div>
            </div>
        </div>
        <div class='order'>
            <img src='http://7.jstyle.cn/1/2019/03/06/91e4fb0f002311e72cd285706e71d800.jpg' />
            <div class='info'>
                <div class='journal-no'>100本 ¥798.00</div>
                <div class='name'>欢乐阳光BOY王鹤棣</div>
                <div class='price'>
                    <span>2019.6.30 15:20</span>
                    <a href='javascript:;' node-act="read" class='button read'>阅读</a>
                </div>
            </div>
        </div>
        <div class='order'>
            <img src='http://7.jstyle.cn/1/2019/03/06/91e4fb0f002311e72cd285706e71d800.jpg' />
            <div class='info'>
                <div class='journal-no'>100本 ¥798.00</div>
                <div class='name'>欢乐阳光BOY王鹤棣</div>
                <div class='price'>
                    <span>2019.6.30 15:20</span>
                    <a href='javascript:;' node-act="subscribe" class='button'>订阅</a>
                </div>
            </div>
        </div>
    </div>
    <div class='footer'>
        <a href="index.html" class='tab tab-home active'>首页</a>
        <a href="list.html" class='tab tab-code'>兑换码</a>
    </div>
    <div class="mask fn-hide" id="buylayermask"></div>
    <div class="buy-layer" id="buylayer">
        <form bindsubmit='doBuy'>
            <div class="tit ">正在购买</div>
            <div class='msg' node-act="buytip">查看购买说明</div>
            <div class="list">
                <div class="item active" data-id="1">
                    <span class='name'>购买1本</span>
                    <span>￥8.00</span>
                </div>
                <div class="item" data-id="2">
                    <span class='name'>购买1本</span>
                    <span>￥8.00</span>
                </div>
                <div class="item" data-id="3">
                    <span class='name'>购买1本</span>
                    <span>￥8.00</span>
                </div>
                <div class="item" data-id="4">
                    <span class='name'>购买1本</span>
                    <span>￥8.00</span>
                </div>
                <div class="item" data-id="5">
                    <span class='name'>购买1本</span>
                    <span>￥8.00</span>
                </div>
                <div class="item" data-id="6">
                    <span class='name'>购买1本</span>
                    <span>￥8.00</span>
                </div>
            </div>
            <div class="btn-wrapper ">
                <div class="button cancel" node-act="hideBuy">取消</div>
                <div class="button primary " node-act="doBuy">确认</div>
            </div>
        </form>
    </div>
    <div class="mask fn-hide" id="buytip">
        <div class="buytip-layer layer ">
            <div class='buy-tit'>购买说明</div>
            <div class="p">
                1、购买成功后可直接点击【阅读】 查看阅读内容； <br />
                2、电子刊为虚拟商品，如无系统问题，购买后不可退换； <br />
                3、如有其他使用问题可咨询在线客服。
            </div>
            <div class="btn-wrapper">
                <div class="button" node-act="hideTip">我知道了</div>
            </div>
        </div>
    </div>

    <div class="mask fn-hide" id="layer">
        <div class="layer read-layer">
            <div class="qrcode-wrap">
                <img src="images/qrcode.png" alt="" class="default" id="code">
                <p>长按识别小程序阅读电子刊</p>
            </div>
            <a href="javascript:;" class="btn-close" id="close"></a>
        </div>
    </div>
    <div id="pay"></div>
<script type="text/javascript" src="js/global.js?v=a54dd0df"></script><script type="text/javascript" src="js/index.js?v=a54dd0df"></script></body>
<script>

    let buyid = 1;
    var payStatus = false;
    $('[node-act="read"]').on('click', function () {
        $('#code').attr('src',$(this).data('src'));
        $('#layer').show();
    })

    $('#close').on('click', function () {
        $('#layer').hide();
    });

    $('[node-act="subscribe"]').on('click', function () {
        var url = $(this).data('src');
        $('#buylayer').html('加载中...');
        $('#buylayermask').show();
        $.get(url, function(t)
        {
            $('#buylayer').html(t);
            $('#buylayer').addClass('slidein')
        })
        
    })
    $('#buylayer').on('click','.list .item',function(){
        $(this).addClass('active').siblings().removeClass('active');
        buyid = $(this).data('id');
    })

    
    function pay(url)
    {
        $.get(url, function(t) {
            $("#pay").html(t);
            payStatus = false;
            $('[node-act="doBuy"]').html('确认');
        })
    }
</script>

</html>