index.html 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="referrer" content="no-referrer" />
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
  8. <title><%= htmlWebpackPlugin.options.title %></title>
  9. <script>
  10. var UA = window.navigator.userAgent.toLowerCase();
  11. var isAndroid = UA.indexOf('android') > 0;
  12. var isIOS = /iphone|ipad|ipod|ios/.test(UA);
  13. if (!(isAndroid || isIOS)) {
  14. // 正式发布的时候使用,开发期间不启用。
  15. // window.location.href = '/demo/picture/website/pcguide.html';
  16. }
  17. </script>
  18. <script>
  19. document.addEventListener('DOMContentLoaded', function() {
  20. // document.documentElement.style.fontSize = document.documentElement.clientWidth / 20 + 'px'
  21. })
  22. </script>
  23. <link rel="stylesheet" href="<%= BASE_URL %>static/index.css" />
  24. <!-- <style>
  25. /* H5 浏览器端:移动端模拟器容器样式 */
  26. html, body {
  27. margin: 0;
  28. padding: 0;
  29. background: #f5f5f5;
  30. height: 100%;
  31. overflow: hidden;
  32. }
  33. #app-wrapper {
  34. width: 375px;
  35. margin: 0 auto;
  36. position: relative;
  37. height: 100%;
  38. background: #fff;
  39. box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  40. overflow-y: auto;
  41. }
  42. </style> -->
  43. </head>
  44. <body>
  45. <!-- 该文件为 H5 平台的模板 HTML,并非应用入口,请勿直接运行此文件。 -->
  46. <!-- 详见文档: https://uniapp.dcloud.io/collocation/manifest?id=h5-template -->
  47. <noscript>
  48. <strong>Please enable JavaScript to continue.</strong>
  49. </noscript>
  50. <!-- H5 浏览器端:添加包裹容器模拟移动端效果 -->
  51. <div id="app"></div>
  52. <!-- 微信SDK文件 -->
  53. <script src="<%= BASE_URL %>static/mp-h5/jweixin-1.4.0.js"></script>
  54. </body>
  55. </html>