<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>金质成长</title>
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
<link rel="stylesheet" type="text/css" href="css/main.css" />
<script type="text/javascript" src="//res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>
<script>
//屏蔽分享
document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
WeixinJSBridge.call('hideOptionMenu');
});
</script>
</head>
<body style="background: #fff;">
<div class="loading-bg">
<div class="mui-loading">
<div class="mui-spinner">
</div>
加载中...
</div>
</div>
<div class="mui-content" style="background: #fff;">
<div class="mui-content-padded">
<ul class="mui-table-view mui-table-view-striped my-grid-view-no mui-table-view-condensed" id="link-to">
<li class="mui-table-view-cell">
<div class="mui-table">
<div class="mui-table-cell mui-col-xs-6">
<img width="100%" style="display: block;" src="images/jzcz-1.jpg" />
</div>
<div class="mui-table-cell mui-col-xs-6 mui-text-center" style="vertical-align: middle;border: 1px solid rgba(0,0,0,.1);">
<div class="mui-h5">0~6个月</div>
<button type="button" style="width: 100px;margin-top: 10px;">更多</button>
</div>
</div>
</li>
<li class="mui-table-view-cell">
<div class="mui-table">
<div class="mui-table-cell mui-col-xs-6">
<img width="100%" style="display: block;" src="images/jzcz-2.jpg" />
</div>
<div class="mui-table-cell mui-col-xs-6 mui-text-center" style="vertical-align: middle;border: 1px solid rgba(0,0,0,.1);">
<div class="mui-h5">7~12个月</div>
<button type="button" style="width: 100px;margin-top: 10px;">更多</button>
</div>
</div>
</li>
<li class="mui-table-view-cell">
<div class="mui-table">
<div class="mui-table-cell mui-col-xs-6">
<img width="100%" style="display: block;" src="images/jzcz-3.jpg" />
</div>
<div class="mui-table-cell mui-col-xs-6 mui-text-center" style="vertical-align: middle;border: 1px solid rgba(0,0,0,.1);">
<div class="mui-h5">2周岁</div>
<button type="button" style="width: 100px;margin-top: 10px;">更多</button>
</div>
</div>
</li>
</ul>
</div>
</div>
<script type="text/javascript" src="js/mui.min.js"></script>
<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
<script type="text/javascript">
window.addEventListener('pageshow', function(e) {
// 通过persisted属性判断是否存在 BF Cache
if(e.persisted) {
location.reload();
}
});
mui.ready(function() {
mui.each(document.querySelectorAll('#link-to li button'), function(index, el) {
el.addEventListener('tap', function() {
switch(index) {
case 0:
mui.openWindow({
url: 'http://www.iamberry.com/zh-cn/pregnancy_details5.html'
});
break;
case 1:
mui.openWindow({
url: 'http://www.iamberry.com/zh-cn/pregnancy_details6.html'
});
break;
case 2:
mui.openWindow({
url: 'http://www.iamberry.com/zh-cn/pregnancy_details7.html'
});
break;
default:
break;
}
}, false);
});
document.querySelector('.loading-bg').style.display = 'none';
});
</script>
</body>
</html>