<!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/list.css?v=3f8cf811" rel="stylesheet"></head>
<body>
<div class="logo"><img src="images/logo.jpg" />精品购物指南</div>
<div class="info-txt">这里加一行简介</div>
<div class="tab" node-id="tab">
<a class="li active"><span>预购杂志</span></a>
<a class="li"><span>兑换码</span></a>
</div>
<div class="list pages" node-id="list">
<div class="item">
<img src="images/mag.png" class="default" />
<div class="info">
<h2>段宜恩电子刊段宜恩电子刊段宜恩电子刊</h2>
</div>
<div class="ctrls-cont">
<p class="clearfix">
<span class="price">免费</span>
</p>
<button class="button" node-act="read" data-src="images/qrcode.png">阅读</button>
</div>
</div>
<div class="item">
<img src="images/mag.png" class="default" />
<div class="info">
<h2>Yamy魔幻星际女战士的异度空间</h2>
</div>
<div class="ctrls-cont">
<p class="clearfix">
<span class="price">￥6.00</span>
</p>
<button class="button">订阅</button>
</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>长按识别<span id="product_name">小程序</span>阅读电子刊</p>
</div>
<a href="javascript:;" class="btn-close" id="close"></a>
</div>
</div>
<script type="text/javascript" src="js/global.js?v=3f8cf811"></script><script type="text/javascript" src="js/list.js?v=3f8cf811"></script></body>
<script>
function init(){
/*
var tabIndex = 0;
$('[node-id="tab"]').on('click','.li',function(){
tabIndex = $(this).index();
$(this).addClass('active').siblings('.li').removeClass('active');
$('[node-id="list"]').hide().eq(tabIndex).show();
});
*/
$('[node-act="read"]').on('click',function(){
$('#code').attr('src',$(this).data('src'));
$('#layer').show();
})
$('[node-act="pay"]').on('click',function(){
pay($(this).data('src'));
})
$('#close').on('click',function(){
$('#layer').hide();
});
}
init();
function pay(url)
{
location.href = url;
}
</script>
</html>