123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107 |
- <!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>
|