model.html 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <script src="./4dage.js"></script>
  8. <title>Document</title>
  9. <style>
  10. html {
  11. overflow: hidden;
  12. }
  13. .bacBox {
  14. opacity: 1;
  15. pointer-events: auto;
  16. position: absolute;
  17. z-index: 998;
  18. top: 0;
  19. left: 0;
  20. width: 100%;
  21. height: 100%;
  22. background-color: #cfcfd0;
  23. transition: all 1s;
  24. }
  25. </style>
  26. </head>
  27. <body>
  28. <div id="ui"></div>
  29. <div class="bacBox"></div>
  30. <script>
  31. let number = getQueryVariable("m");
  32. let num = getQueryVariable("n");
  33. // console.log('ppppppppp',number);
  34. window.autoRotate = true; // 是否自动旋转
  35. // 打包配置
  36. let src = ''
  37. if (window.location.href.includes('localhost:')) {
  38. // 本地环境
  39. src = 'http://192.168.20.55:8080/'
  40. } else {
  41. // 正式环境
  42. src = './staticData/'
  43. }
  44. // fdage.embed( number, {
  45. fdage.embed(`${src}3Goods/${number}/main${num}.4dage`, {
  46. transparentBackground: true,
  47. width: 800,
  48. height: 600,
  49. autoStart: true,
  50. fullFrame: true,
  51. pagePreset: false
  52. });
  53. </script>
  54. </body>
  55. </html>