sdk-tag-show.html 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6. <title>Document</title>
  7. <style>
  8. html,
  9. body {
  10. width: 100%;
  11. height: 100%;
  12. margin: 0;
  13. overflow: hidden;
  14. }
  15. .scene {
  16. width: 100%;
  17. height: 100%;
  18. }
  19. #toolbar {
  20. position: absolute;
  21. left: 50%;
  22. top: 0;
  23. z-index: 10000;
  24. }
  25. </style>
  26. </head>
  27. <body>
  28. <div id="scene" class="scene"></div>
  29. <script src="../dist/sdk/kankan-sdk-deps.js"></script>
  30. <script src="../dist/sdk/kankan-sdk.js"></script>
  31. <script>
  32. var kankan = new KanKan({
  33. dom: '#scene',
  34. num: 't-JKNqv1o',
  35. })
  36. kankan.use('Controls')
  37. kankan
  38. .use('TagView', {
  39. autoOpen:true,
  40. render(data) {
  41. return `
  42. <span class="tag-icon animate" style="background-image:url({{icon}})"></span>
  43. <div class="tag-body">
  44. <div class="tag-billboard">
  45. <div class="tag-billboard-content">
  46. <input value="1231321">
  47. </div>
  48. </div>
  49. </div>`
  50. },
  51. })
  52. .then(tour => {})
  53. kankan.render()
  54. </script>
  55. </body>
  56. </html>