<!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、每购买一本，可增加20积分； <br>
4、如有其他使用问题可咨询在线客服。
</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>