wangxiaoming
/
iamberry-watero


			
				
					
						
						
							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="//s.iamberry.com/watero/css/mui.min.css">
	<link rel="stylesheet" type="text/css" href="//s.iamberry.com/watero/css/iconfont.css" />
	<link rel="stylesheet" type="text/css" href="//s.iamberry.com/watero/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="//s.iamberry.com/watero/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>
		&nbsp;&nbsp;加载中...
	</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="//s.iamberry.com/watero/js/jquery-2.1.1.min.js"></script>
<script src="//s.iamberry.com/watero/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>