12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970 |
- <!DOCTYPE html>
- <html lang="">
- <head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width,initial-scale=1.0">
- <link rel="icon" href="<%= BASE_URL %>favicon.ico">
- <title>党建数据展示屏</title>
- <!-- <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>-->
- <script>
- var inputContent = {
- open:false,
- el:'',
- time:'',
- before_type:'',
- };
- (function (win,doc) {
- win.screen_conf = {
- width:0, // 页面可见宽度
- height:0, // 页面可见高度
- fontSize:0, // 页面单位大小
- proportion:0, // 比例
- multiple:100, // 倍数
- ref:1920, // 参照,
- startHeight: window.innerHeight,
- maxWidth:999999999
- };
- doc.onblur = function(){
- window.scroll(0,0);
- doc.scrollIntoView && doc.scrollIntoView();
- };
- // 定义 宽度和高度变量
- win.handle_size = function () {
- // 设置被修改的数据问题
- screen_conf.width = win.innerWidth;
- screen_conf.height = win.innerHeight;
- if(window.orientation==0){
- doc.documentElement.style.width = screen_conf.width + 'px';
- doc.documentElement.style.minHeight = screen_conf.height + 'px';
- }
- screen_conf.width = screen_conf.width >= win.screen_conf.maxWidth?win.screen_conf.maxWidth:screen_conf.width;
- screen_conf.proportion = screen_conf.width / screen_conf.ref;
- screen_conf.fontSize = screen_conf.proportion * screen_conf.multiple;
- doc.documentElement.style.fontSize = screen_conf.fontSize+'px';
- for (var i=0,count = observer_size.length;i<count;i++) {
- typeof observer_size[i] === 'function'&&observer_size[i](screen_conf);
- }
- };
- // 定义观察者函数
- win.observer_size = [];
- win.handle_size(0,20);
- window.addEventListener('resize',win.handle_size);
- })(window,document);
- </script>
- </head>
- <body>
- <noscript>
- <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
- </noscript>
- <div id="app"></div>
- <!-- built files will be auto injected -->
- </body>
- </html>
|