app.html 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  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_vito22cq6ncanhfr.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. var docEl = d.documentElement
  26. var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize'
  27. var recalc = function () {
  28. var clientWidth = docEl.clientWidth
  29. if (!clientWidth) return
  30. if (clientWidth >= 750) {
  31. docEl.style.fontSize = '100px'
  32. } else {
  33. docEl.style.fontSize = 100 * (clientWidth / 750) + 'px'
  34. }
  35. }
  36. if (!d.addEventListener) return
  37. w.addEventListener(resizeEvt, recalc, false)
  38. d.addEventListener('DOMContentLoaded', recalc, false)
  39. }
  40. })(window, document)
  41. </script>
  42. </head>
  43. <body {{ BODY_ATTRS }}>
  44. {{ APP }}
  45. </body>
  46. </html>