jt-map3d-ui.es.js 5.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. import { ref, onMounted, openBlock, createElementBlock, createElementVNode, Fragment, renderList, normalizeClass, renderSlot, pushScopeId, popScopeId } from "vue";
  2. var starrySky_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".starry-sky-bg[data-v-2e7b542e]{width:100%;height:100vh;position:fixed;top:0;left:0;z-index:-100;background:radial-gradient(200% 100% at bottom center,#f7f7b6,#e96f92,#75517d,#1b2947);background:radial-gradient(220% 105% at top center,#1b2947 10%,#75517d 40%,#e96f92 65%,#f7f7b6);background-attachment:fixed}@keyframes rotate-2e7b542e{0%{transform:perspective(400px) rotate(20deg) rotateX(-40deg) rotateY(0)}to{transform:perspective(400px) rotate(20deg) rotateX(-40deg) rotateY(-360deg)}}.stars[data-v-2e7b542e]{transform:perspective(500px);transform-style:preserve-3d;position:fixed;perspective-origin:50% 100%;left:50%;animation:rotate-2e7b542e 66s infinite linear;bottom:0;z-index:-99}.star[data-v-2e7b542e]{width:2px;height:2px;background:#f7f7b8;position:fixed;top:0px;left:0;backface-visibility:hidden}\n")();
  3. var _export_sfc = (sfc, props) => {
  4. const target = sfc.__vccOpts || sfc;
  5. for (const [key, val] of props) {
  6. target[key] = val;
  7. }
  8. return target;
  9. };
  10. const _hoisted_1$1 = { class: "starry-sky-bg" };
  11. const _hoisted_2$1 = { class: "stars" };
  12. const _sfc_main$1 = {
  13. __name: "starry-sky",
  14. props: {
  15. starsCount: {
  16. type: Number,
  17. default: () => 800
  18. },
  19. distance: {
  20. type: Number,
  21. default: () => 800
  22. }
  23. },
  24. setup(__props) {
  25. const props = __props;
  26. const star = ref();
  27. onMounted(() => {
  28. let starArr = star.value;
  29. starArr.forEach((item) => {
  30. let speed = 0.1 + Math.random() * 1;
  31. let thisDistance = props.distance + Math.random() * 300;
  32. item.style.transformOrigin = `0 0 ${thisDistance}px`;
  33. item.style.transform = `translate3d(0,0,-${thisDistance}px) rotateY(${Math.random() * 360}deg) rotateX(${Math.random() * -50}deg) scale(${speed},${speed})`;
  34. });
  35. });
  36. return (_ctx, _cache) => {
  37. return openBlock(), createElementBlock("div", _hoisted_1$1, [
  38. createElementVNode("div", _hoisted_2$1, [
  39. (openBlock(true), createElementBlock(Fragment, null, renderList(__props.starsCount, (item) => {
  40. return openBlock(), createElementBlock("div", {
  41. key: item,
  42. class: "star",
  43. ref_for: true,
  44. ref_key: "star",
  45. ref: star
  46. });
  47. }), 128))
  48. ])
  49. ]);
  50. };
  51. }
  52. };
  53. var StarrySky = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-2e7b542e"]]);
  54. StarrySky.install = (App) => {
  55. App.component(StarrySky.__name, StarrySky);
  56. };
  57. var button_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => '@import"https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&display=swap";*[data-v-21c62446]{margin:0;padding:0;box-sizing:border-box}a[data-v-21c62446]{position:relative;display:inline-block;padding:25px 30px;margin:40px 50px 40px 0;color:#03e9f4;text-decoration:none;text-transform:uppercase;transition:.5s;letter-spacing:4px;overflow:hidden}a[data-v-21c62446]:hover{background:#03e9f4;color:#050801;box-shadow:0 0 5px #03e9f4,0 0 25px #03e9f4,0 0 50px #03e9f4,0 0 200px #03e9f4;-webkit-box-reflect:below 1px linear-gradient(transparent,#0005)}.warning[data-v-21c62446]{filter:hue-rotate(300deg)}.success[data-v-21c62446]{filter:hue-rotate(240deg)}a span[data-v-21c62446]{position:absolute;display:block}a span[data-v-21c62446]:nth-child(1){top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#03e9f4);animation:animate1-21c62446 1s linear infinite}@keyframes animate1-21c62446{0%{left:-100%}50%,to{left:100%}}a span[data-v-21c62446]:nth-child(2){top:-100%;right:0;width:2px;height:100%;background:linear-gradient(180deg,transparent,#03e9f4);animation:animate2-21c62446 1s linear infinite;animation-delay:.25s}@keyframes animate2-21c62446{0%{top:-100%}50%,to{top:100%}}a span[data-v-21c62446]:nth-child(3){bottom:0;right:0;width:100%;height:2px;background:linear-gradient(270deg,transparent,#03e9f4);animation:animate3-21c62446 1s linear infinite;animation-delay:.5s}@keyframes animate3-21c62446{0%{right:-100%}50%,to{right:100%}}a span[data-v-21c62446]:nth-child(4){bottom:-100%;left:0;width:2px;height:100%;background:linear-gradient(360deg,transparent,#03e9f4);animation:animate4-21c62446 1s linear infinite;animation-delay:.75s}@keyframes animate4-21c62446{0%{bottom:-100%}50%,to{bottom:100%}}\n')();
  58. const _sfc_main = {
  59. name: "JtButton",
  60. props: {
  61. type: {
  62. type: String,
  63. default: "primary"
  64. }
  65. }
  66. };
  67. const _withScopeId = (n) => (pushScopeId("data-v-21c62446"), n = n(), popScopeId(), n);
  68. const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", null, null, -1));
  69. const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", null, null, -1));
  70. const _hoisted_3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", null, null, -1));
  71. const _hoisted_4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", null, null, -1));
  72. function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
  73. return openBlock(), createElementBlock("div", null, [
  74. createElementVNode("a", {
  75. class: normalizeClass($props.type)
  76. }, [
  77. _hoisted_1,
  78. _hoisted_2,
  79. _hoisted_3,
  80. _hoisted_4,
  81. renderSlot(_ctx.$slots, "default", {}, void 0, true)
  82. ], 2)
  83. ]);
  84. }
  85. var JtButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-21c62446"]]);
  86. JtButton.install = (Vue) => {
  87. Vue.component(JtButton.name, JtButton);
  88. };
  89. const components = [StarrySky, JtButton];
  90. const install = (App) => {
  91. components.forEach((item) => {
  92. App.component(item.name, item);
  93. });
  94. };
  95. var index = {
  96. install
  97. };
  98. export { JtButton, StarrySky, index as default };