1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1,user-scalable=no">
- <meta content="yes" name="apple-mobile-web-app-capable">
- <meta content="black" name="apple-mobile-web-app-status-bar-style">
- <meta content="telephone=no" name="format-detection">
- <meta content="email=no" name="format-detection">
- <title>测试</title>
- <link rel="stylesheet" href="{MD_ROOT}static/newui/css/reset.css"/>
- <link rel="stylesheet" href="{MD_ROOT}static/iconfont/iconfont.css"/>
- <link rel="stylesheet" href="{MD_ROOT}static/jqueryweui/css/weui.min.css"/>
- <link rel="stylesheet" href="{MD_ROOT}static/jqueryweui/css/jquery-weui.min.css"/>
- <link rel="stylesheet" href="{MD_ROOT}static/newui/css/common.css"/>
- <script>
- var deviceWidth = document.documentElement.clientWidth;
- document.documentElement.style.fontSize = deviceWidth / 7.5 + 'px';
- </script>
- <style>
- html,body{height:100%;}
- #content{overflow-x:hidden;overflow:auto;-webkit-overflow-scrolling: touch;}
- #footer{height:1rem;background:#ccc;position:absolute;width:100%;}
- #footer input{display:block;border:none;border-radius:0;background:#fff;width:90%;margin:0 auto;height:1rem;}
- </style>
- </head>
- <body ontouchstart>
- <div id="content">
- <p>{$_W['fans']['from_user'])}</p>
- </div>
- <div id="footer">
- <input type="text" placeholder="输入" />
- </div>
- <script type="text/javascript" src="{MD_ROOT}static/js/jquery-3.1.1.min.js"></script>
- <script type="text/javascript" src="{MD_ROOT}static/jqueryweui/js/fastclick.js"></script>
- <script type="text/javascript" src="{MD_ROOT}static/jqueryweui/js/jquery-weui.min.js"></script>
- <script type="text/javascript">
- $(function(){
- FastClick.attach(document.body);
- var chatContentHeight=$(window).height()-deviceWidth / 7.5*1;
- $("#content").css({"height":chatContentHeight});
- $("#footer").css({"top":chatContentHeight});
- $("input").focus(function(){
- setTimeout(function(){
-
- },300);
- });
- })
- </script>
- </body>
- </html>
|