123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title>产品介绍</title>
- <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=3, 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/style.css" />
- <style>
- .table-box{display:table;width:100%;text-align: center;border:1px solid rgba(0,0,0,.1);border-radius: 7px;}
- .table-box>div{display:table-cell;width: 50%;height: 100%;vertical-align: middle;}
- .table-box>div:first-child{font-size: 0;line-height: 0;}
- .table-box>div img{width:100%;}
- h4{color:#666;padding-bottom:10px;}
- .mui-table-view:after,.mui-table-view:before,.mui-table-view li:after,.mui-table-view:before{display:none;}
- </style>
- <script src="/js/mui.min.js"></script>
- <script>
- // 屏蔽分享
- window.hiddenAllWechatMenu = true;
- </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;">
- <ul class="mui-table-view" style="margin-top: 5px;">
- <li class="mui-table-view-cell">
- <div class="table-box">
- <div><img src="//s.iamberry.com/watero/images/shop/desc_menu1.jpg" /></div><div><h4>产品资质</h4><h6>查看更多</h6></div>
- </div>
- </li>
- <li class="mui-table-view-cell">
- <div class="table-box">
- <div><img src="//s.iamberry.com/watero/images/shop/desc_menu2.jpg" /></div><div><h4>产品H5</h4><h6>查看更多</h6></div>
- </div>
- </li>
- <li class="mui-table-view-cell">
- <div class="table-box">
- <div><img src="//s.iamberry.com/watero/images/shop/desc_menu3.jpg" /></div><div><h4>功能介绍视频</h4><h6>查看更多</h6></div>
- </div>
- </li>
- <li class="mui-table-view-cell">
- <div class="table-box">
- <div><img src="//s.iamberry.com/watero/images/shop/desc_menu4.jpg" /></div><div><h4>生活场景视频</h4><h6>查看更多</h6></div>
- </div>
- </li>
- </ul>
- </div>
- <script src="/js/jquery-2.1.1.min.js"></script>
- <script src="/js/shop/wechat-utils-1.0.js"></script>
- <script type="text/javascript">
- mui.ready(function(){
- mui.each(document.querySelectorAll('.mui-table-view .mui-table-view-cell'), function(index, el) {
- el.addEventListener('tap', function() {
- switch (index) {
- case 0:
- //产品资质
- mui.openWindow({
- url: '//w.iamberry.com/watero/view/product/certificate.html'
- });
- break;
- case 1:
- //产品H5
- mui.openWindow({
- url: '//www.watero.cn/watero_wap_app_1.2/index.html'
- });
- break;
- case 2:
- //功能介绍视频
- mui.openWindow({
- url: '//m.v.qq.com/x/page/y/1/k/y0348fng61k.html?ptag=v_qq_com%23v.play.adaptor%233'
- });
- break;
- case 3:
- //生活场景视频
- mui.openWindow({
- url: '//m.v.qq.com/x/page/o/p/s/o0344c2okps.html?ptag=v_qq_com%23v.play.adaptor%233'
- });
- break;
- default:
- break;
- }
- }, false);
- });
- document.querySelector('.loading-bg').style.display='none';
- });
- </script>
- </body>
- </html>
|