| 123456789101112131415161718192021222324252627282930313233343536373839404142434445 |
- <!DOCTYPE html>
- <html {{ HTML_ATTRS }}>
- <head>
- <link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"/>
- <link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css"/>
- <link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/element-ui/1.3.7/theme-default/index.css"/>
- <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_0d1jjt5tukcblnmi.css"/>
- <link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/Swiper/3.4.2/css/swiper.css"/>
- {{ HEAD }}
- <script>
- (function (w, d) {
- if (/(MSIE)|(Trident)/.test(w.navigator.userAgent)) {
- var head = d.getElementsByTagName('head')[0]
- var appendScript = function (src) {
- var node = d.createElement('script')
- node.src = src
- head.appendChild(node)
- }
- // ployfill for all ie
- appendScript('https://cdn.bootcss.com/html5shiv/r29/html5.min.js')
- appendScript('https://cdn.bootcss.com/js-polyfills/0.1.33/polyfill.min.js')
- }
- if (/(iPhone|iPad|Opera Mini|Android.*Mobile|NetFront|PSP|BlackBerry|Windows Phone)/ig.test(w.navigator.userAgent)) {
- var docEl = d.documentElement
- var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize'
- var recalc = function () {
- var clientWidth = docEl.clientWidth
- if (!clientWidth) return
- if (clientWidth >= 750) {
- docEl.style.fontSize = '100px'
- } else {
- docEl.style.fontSize = 100 * (clientWidth / 750) + 'px'
- }
- }
- if (!d.addEventListener) return
- w.addEventListener(resizeEvt, recalc, false)
- d.addEventListener('DOMContentLoaded', recalc, false)
- }
- })(window, document)
- </script>
- </head>
- <body {{ BODY_ATTRS }}>
- {{ APP }}
- </body>
- </html>
|
