2. <!DOCTYPE html>
    3. <html lang="zh-cn">
    4.   <!-- <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" /> -->
    5.   <head>
    6.     <%= require('@/common/templates/common_head.html') %>
    7.       <title>SeeU下班见</title>
    9.       <!-- rem兼容方案 -->
    10.       <meta id="__j_viewport_meta_tag__" name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    12.       <script>
    13.         ;(function flexible(window, document) {
    14.           var docEl = document.documentElement
    15.           var dpr = window.devicePixelRatio || 1
    17.           // adjust body font size
    18.           function setBodyFontSize() {
    19.             if (document.body) {
    20.               var fontSize = 12 * dpr
    21.               var pf = 'ontouchstart' in window ? 'm' : 'pc'
    23.               if(pf === 'pc') fontSize = 70
    24.               document.body.style.fontSize = fontSize + 'px'
    25.             } else {
    26.               document.addEventListener('DOMContentLoaded', setBodyFontSize)
    27.             }
    28.           }
    29.           setBodyFontSize()
    31.           // set 1rem = viewWidth / 10
    32.           function setRemUnit() {
    33.             var rem = docEl.clientWidth / 10
    34.             var pf = 'ontouchstart' in window ? 'm' : 'pc'
    36.             if(pf === 'pc') rem = 40
    37.             docEl.style.fontSize = rem + 'px'
    38.           }
    40.           setRemUnit()
    42.           // reset rem unit on page resize
    43.           window.addEventListener('resize', setRemUnit)
    44.           window.addEventListener('pageshow', function(e) {
    45.             if (e.persisted) {
    46.               setRemUnit()
    47.             }
    48.           })
    50.           // detect 0.5px supports
    51.           if (dpr >= 2) {
    52.             var fakeBody = document.createElement('body')
    53.             var testElement = document.createElement('div')
    54.             testElement.style.border = '.5px solid transparent'
    55.             fakeBody.appendChild(testElement)
    56.             docEl.appendChild(fakeBody)
    57.             if (testElement.offsetHeight === 1) {
    58.               docEl.setAttribute('data-dpr', Math.floor(dpr))
    59.             }
    60.             docEl.removeChild(fakeBody)
    61.           }
    63.           docEl.setAttribute('data-origin-dpr', window.devicePixelRatio)
    65.           var oMeta = document.getElementById('__j_viewport_meta_tag__')
    66.           var iphoneXFixed = (osv = window.navigator.userAgent.match(/(iphone|ipad|ipod)\s+os\s+(\d{2})/i)) && osv.length > 0 && +osv[osv.length - 1] > 10 && screen.height == 812 && screen.width == 375 ? ', viewport-fit=cover' : ''
    67.           oMeta.setAttribute('content', oMeta.getAttribute('content') + iphoneXFixed)
    68.         }(window, document))
    69.       </script>
    71.       <script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
    72.       <!-- <script src="https://cdn.bootcss.com/vConsole/3.3.4/vconsole.min.js"></script> -->
    73.       <script>
    74.         // new VConsole()
    75.       </script>
    76.       </head>
    77.     <body>
    78.       <div id="app"></div>
    79.     </body>
    80.     </html>