<!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;font-size: 15px;"> <div class="mui-content-padded"> <h4 class="mui-text-center" style="padding-top: 12px;"> Aiberle 桌面净水机使用指南</h4> <br /> <div style="margin:5px 0 15px 0;border-radius: 15px;background-color: #999;padding: 3px 8px;color: #fff;">1、初次使用,快速指南</div> <iframe frameborder="0" width="640" height="498" src="//v.qq.com/iframe/player.html?vid=s0548jpsojd&tiny=0&auto=0" allowfullscreen></iframe> <div style="margin:25px 0 15px 0;border-radius: 15px;background-color: #999;padding: 3px 8px;color: #fff;">2、使用指南</div> <iframe frameborder="0" width="640" height="498" src="//v.qq.com/iframe/player.html?vid=v0548enoxmb&tiny=0&auto=0" allowfullscreen></iframe> <div style="margin:25px 0 15px 0;border-radius: 15px;background-color: #999;padding: 3px 8px;color: #fff;">3、更换滤芯</div> <iframe frameborder="0" width="640" height="498" src="//v.qq.com/iframe/player.html?vid=c0548o0bnvz&tiny=0&auto=0" allowfullscreen></iframe> </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" src="js/main.js"></script> <script type="text/javascript"> mui.ready(function(){ console.log("页面加载完毕") $("iframe").css({ "height": $(window).width() * 0.6, "width": $(window).width() - 20 }); document.querySelector('.loading-bg').style.display='none'; }); </script> </body> </html>