app.html 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. <!DOCTYPE html>
  2. <html {{ HTML_ATTRS }}>
  3. <head>
  4. <link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"/>
  5. <link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css"/>
  6. <link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/element-ui/1.3.7/theme-default/index.css"/>
  7. <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_0d1jjt5tukcblnmi.css"/>
  8. <link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/Swiper/3.4.2/css/swiper.css"/>
  9. <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_452262_2v610xi22j0xusor.css">
  10. {{ HEAD }}
  11. <script>
  12. (function (w, d) {
  13. if (/(MSIE)|(Trident)/.test(w.navigator.userAgent)) {
  14. var head = d.getElementsByTagName('head')[0]
  15. var appendScript = function (src) {
  16. var node = d.createElement('script')
  17. node.src = src
  18. head.appendChild(node)
  19. }
  20. // ployfill for all ie
  21. appendScript('https://cdn.bootcss.com/html5shiv/r29/html5.min.js')
  22. appendScript('https://cdn.bootcss.com/js-polyfills/0.1.33/polyfill.min.js')
  23. }
  24. if (/(iPhone|iPad|Opera Mini|Android.*Mobile|NetFront|PSP|BlackBerry|Windows Phone)/ig.test(w.navigator.userAgent)) {
  25. let meta1 = document.createElement('meta')
  26. let meta2 = document.createElement('meta')
  27. meta1.name = 'viewport'
  28. meta1.content = 'initial-scale=1.0, user-scalable=no, width=device-width'
  29. meta2['http-equiv'] = 'Cache-Control'
  30. meta2.content = 'no-siteapp'
  31. document.getElementsByTagName('head')[0].appendChild(meta1)
  32. document.getElementsByTagName('head')[0].appendChild(meta2)
  33. var docEl = d.documentElement
  34. var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize'
  35. var recalc = function () {
  36. var clientWidth = docEl.clientWidth
  37. if (!clientWidth) return
  38. if (clientWidth >= 750) {
  39. docEl.style.fontSize = '100px'
  40. } else {
  41. docEl.style.fontSize = 100 * (clientWidth / 750) + 'px'
  42. }
  43. }
  44. if (!d.addEventListener) return
  45. w.addEventListener(resizeEvt, recalc, false)
  46. d.addEventListener('DOMContentLoaded', recalc, false)
  47. }
  48. })(window, document)
  49. </script>
  50. </head>
  51. <body {{ BODY_ATTRS }}>
  52. {{ APP }}
  53. </body>
  54. </html>