colexiu.html 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <link rel="icon" type="image/svg+xml" href="/vite.svg" />
  6. <meta name="viewport"
  7. content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover" />
  8. <title>小酷AI</title>
  9. <link rel="icon" href="/favicon.ico" />
  10. <script src="/flexible.js" charset="UTF-8"></script>
  11. <style>
  12. #loading {
  13. position: fixed;
  14. left: 50%;
  15. top: 50%;
  16. transform: translate(-50%, -50%);
  17. display: none;
  18. }
  19. #loading.show {
  20. display: block;
  21. }
  22. </style>
  23. <script>
  24. function _postMessage(data, callback) {
  25. const instance = window.COLEXIU || (window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers.COLEXIU)
  26. if (instance) {
  27. console.log('h5发送开启全屏loading')
  28. instance.postMessage(JSON.stringify(data))
  29. }
  30. }
  31. _postMessage({
  32. api: 'cloudLoading',
  33. content: {
  34. show: true,
  35. type: 'fullscreen',
  36. },
  37. })
  38. </script>
  39. </head>
  40. <body>
  41. <div id="app"></div>
  42. <img id="loading" class="show" src="/loading.svg" alt="loading" />
  43. <script type="module" src="/src/page-colexiu/main.ts"></script>
  44. </body>
  45. </html>