widget.html 3.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. <div id="bx-std-widget-__id__" class="bx-std-widget __widget_disabled_class__ __widget_featured_class__" style="__widget_styles__" data-name="__name__">
  2. <div class="bx-std-widget-cont">
  3. <div class="bx-std-widget-icon bx-std-widget-icon-trans rounded-2xl overflow-hidden hover:ring hover:ring-blue-600 hover:ring-offset-2 hover:ring-offset-gray-200 dark:hover:ring-offset-gray-800 hover:scale-105 active:scale-100 active:opacity-80 duration-300">
  4. <a class="bx-std-widget-link block ring-white/5 ring-2 ring-inset rounded-2xl" href="__url__" <bx_if:show_click_icon>onClick="__content__"</bx_if:show_click_icon>>
  5. <bx_if:icon>
  6. <img src="<bx_icon_url:wi-empty.png />" />
  7. <i class="sys-icon __icon__"></i>
  8. </bx_if:icon>
  9. <bx_if:image><img src="__icon_url__" /></bx_if:image>
  10. </a>
  11. </div>
  12. <bx_if:show_notice>
  13. <div class="bx-std-widget-notices">__content__</div>
  14. </bx_if:show_notice>
  15. <bx_if:show_actions_left>
  16. <div class="bx-std-widget-actions left">
  17. <div class="bx-std-widget-actions-cnt">
  18. <bx_repeat:actions>
  19. <div class="bx-std-widget-action bg-gray-200 dark:bg-gray-800 border border-black/10 dark:border-white/10 rounded-2xl">
  20. <a class="bx-std-widget-action bx-std-wa-__name__ text-gray-600 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300" href="__url__" <bx_if:show_click>onClick="__content__"</bx_if:show_click> title="__caption__">
  21. <bx_if:action_icon><i class="sys-icon __name__" alt="__caption__"></i></bx_if:action_icon>
  22. <bx_if:action_image><img src="__url__" alt="__caption__" /></bx_if:action_image>
  23. <bx_if:action_image_inline>__content__</bx_if:action_image_inline>
  24. </a>
  25. </div>
  26. </bx_repeat:actions>
  27. </div>
  28. </div>
  29. </bx_if:show_actions_left>
  30. <bx_if:show_actions_right>
  31. <div class="bx-std-widget-actions right">
  32. <div class="bx-std-widget-actions-cnt">
  33. <bx_repeat:actions>
  34. <div class="bx-std-widget-action bg-gray-200 dark:bg-gray-800 border border-black/10 dark:border-white/10 rounded-2xl">
  35. <a class="bx-std-widget-action bx-std-wa-__name__ text-gray-600 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300" href="__url__" <bx_if:show_click>onClick="__content__"</bx_if:show_click> title="__caption__">
  36. <bx_if:action_icon><i class="sys-icon __name__" alt="__caption__"></i></bx_if:action_icon>
  37. <bx_if:action_image><img src="__url__" alt="__caption__" /></bx_if:action_image>
  38. <bx_if:action_image_inline>__content__</bx_if:action_image_inline>
  39. </a>
  40. </div>
  41. </bx_repeat:actions>
  42. </div>
  43. </div>
  44. </bx_if:show_actions_right>
  45. <div class="bx-std-widget-icon-jitter" style="display:none"></div>
  46. <div class="bx-std-widget-loading"></div>
  47. <div class="bx-std-widget-caption">
  48. <a class="bx-std-widget-link text-black/50 dark:text-white/50" href="__url__" <bx_if:show_click_link>onClick="__content__"</bx_if:show_click_link> title="__caption_attr__">__caption__</a>
  49. <div class="bx-std-widget-caption-jitter" style="display:none"></div>
  50. </div>
  51. </div>
  52. </div>