@opendesign-plus-test/components 0.0.1-rc.134 → 0.0.1-rc.136

package/dist/treeshaking/components/footer/components/FooterList.css

@@ -0,0 +1,462 @@
+.hover-icon-rotate .o-icon[data-v-d5ecd44e] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-d5ecd44e] {
+    transform: rotate(-180deg);
+}
+}
+a[data-v-d5ecd44e] {
+  color: rgba(var(--o-white), 0.6);
+  text-decoration: none;
+  white-space: nowrap;
+}
+@media (hover: hover) {
+a[data-v-d5ecd44e]:hover {
+    color: rgba(var(--o-white), 1);
+}
+}
+a[data-v-d5ecd44e]:active {
+  color: rgba(var(--o-white), 1);
+}
+.content[data-v-d5ecd44e] {
+  padding: 16px 0 12px;
+  border-top: 1px solid rgba(229, 229, 229, 0.12);
+  border-bottom: 1px solid rgba(229, 229, 229, 0.12);
+}
+.info[data-v-d5ecd44e] {
+  text-align: center;
+  padding: 24px 0 16px;
+}
+.info .info-text[data-v-d5ecd44e] {
+  color: var(--o-color-white);
+  font-size: 20px;
+  line-height: 28px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.info .info-text[data-v-d5ecd44e] {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.info .info-text[data-v-d5ecd44e] {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.info .info-text[data-v-d5ecd44e] {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (max-width: 600px) {
+.info .info-text[data-v-d5ecd44e] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+.info .info-logo[data-v-d5ecd44e] {
+  height: 32px;
+  margin-top: 12px;
+}
+.quick-nav[data-v-d5ecd44e] {
+  display: flex;
+  justify-content: center;
+}
+.quick-nav .quick-title[data-v-d5ecd44e] {
+  color: var(--o-color-white);
+  font-size: 20px;
+  line-height: 28px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.quick-nav .quick-title[data-v-d5ecd44e] {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.quick-nav .quick-title[data-v-d5ecd44e] {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.quick-nav .quick-title[data-v-d5ecd44e] {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (max-width: 600px) {
+.quick-nav .quick-title[data-v-d5ecd44e] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+.quick-nav .nav-item[data-v-d5ecd44e] {
+  margin-top: 8px;
+  font-size: 14px;
+  line-height: 22px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.quick-nav .nav-item[data-v-d5ecd44e] {
+    font-size: 14px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.quick-nav .nav-item[data-v-d5ecd44e] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.quick-nav .nav-item[data-v-d5ecd44e] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.quick-nav .nav-item[data-v-d5ecd44e] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.quick-nav .nav + .nav[data-v-d5ecd44e] {
+  margin-left: 88px;
+}
+.friendship-link[data-v-d5ecd44e] {
+  margin-top: 32px;
+  display: flex;
+  justify-content: center;
+  font-size: 12px;
+  line-height: 18px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.friendship-link[data-v-d5ecd44e] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.friendship-link[data-v-d5ecd44e] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.friendship-link[data-v-d5ecd44e] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.friendship-link[data-v-d5ecd44e] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.friendship-link .friendship-link-title[data-v-d5ecd44e] {
+  color: var(--o-color-white);
+  flex-shrink: 0;
+}
+.friendship-link .friendship-link-box[data-v-d5ecd44e] {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  margin-left: 32px;
+}
+.friendship-link a[data-v-d5ecd44e] {
+  margin-right: 24px;
+}
+.footer-bottom[data-v-d5ecd44e] {
+  padding: 16px 0 32px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.footer-logo img[data-v-d5ecd44e] {
+  height: 46px;
+}
+.footer-logo .email[data-v-d5ecd44e] {
+  color: var(--o-color-white);
+  margin-top: 4px;
+  font-size: 14px;
+  line-height: 22px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.footer-logo .email[data-v-d5ecd44e] {
+    font-size: 14px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.footer-logo .email[data-v-d5ecd44e] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.footer-logo .email[data-v-d5ecd44e] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.footer-logo .email[data-v-d5ecd44e] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.footer-option-item[data-v-d5ecd44e] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.footer-option-item a[data-v-d5ecd44e] {
+  color: rgba(var(--o-white), 0.8);
+  font-size: 14px;
+  line-height: 22px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.footer-option-item a[data-v-d5ecd44e] {
+    font-size: 14px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.footer-option-item a[data-v-d5ecd44e] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.footer-option-item a[data-v-d5ecd44e] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.footer-option-item a[data-v-d5ecd44e] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.footer-option-item .o-divider[data-v-d5ecd44e] {
+  height: 12px;
+  --o-divider-label-gap: 0 8px;
+  --o-divider-bd-color: rgba(var(--o-white), 0.6);
+}
+.license[data-v-d5ecd44e] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-top: 8px;
+  color: var(--o-color-white);
+  font-size: 14px;
+  line-height: 22px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.license[data-v-d5ecd44e] {
+    font-size: 14px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.license[data-v-d5ecd44e] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.license[data-v-d5ecd44e] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.license[data-v-d5ecd44e] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.license .license-text[data-v-d5ecd44e] {
+  color: rgba(var(--o-white), 0.6);
+  margin-right: 4px;
+}
+.copyright[data-v-d5ecd44e] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-wrap: wrap;
+  margin-top: 4px;
+  color: rgba(var(--o-white), 0.6);
+  font-size: 14px;
+  line-height: 22px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.copyright[data-v-d5ecd44e] {
+    font-size: 14px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.copyright[data-v-d5ecd44e] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.copyright[data-v-d5ecd44e] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.copyright[data-v-d5ecd44e] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.copyright .copyright-left[data-v-d5ecd44e] {
+  display: flex;
+}
+.copyright .filing[data-v-d5ecd44e] {
+  display: flex;
+  margin-left: 16px;
+}
+.copyright .filing-img[data-v-d5ecd44e] {
+  height: 18px;
+}
+.copyright .beian-info[data-v-d5ecd44e] {
+  margin-left: 4px;
+}
+.footer-right[data-v-d5ecd44e] {
+  display: flex;
+  flex-shrink: 0;
+}
+.footer-right .code-pop[data-v-d5ecd44e] {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.footer-right .code-pop img[data-v-d5ecd44e] {
+  width: 64px;
+}
+.footer-right .code-pop .txt[data-v-d5ecd44e] {
+  margin-top: 4px;
+  color: var(--o-color-white);
+  font-size: 14px;
+  line-height: 22px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.footer-right .code-pop .txt[data-v-d5ecd44e] {
+    font-size: 14px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.footer-right .code-pop .txt[data-v-d5ecd44e] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.footer-right .code-pop .txt[data-v-d5ecd44e] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.footer-right .code-pop .txt[data-v-d5ecd44e] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.footer-right .code-pop + .code-pop[data-v-d5ecd44e] {
+  margin-left: 16px;
+}
+@media (max-width: 1680px) {
+.info[data-v-d5ecd44e] {
+    padding: 16px 0 12px;
+}
+.info .info-logo[data-v-d5ecd44e] {
+    margin-top: 8px;
+}
+.content[data-v-d5ecd44e] {
+    padding: 12px 0 8px;
+}
+.friendship-link[data-v-d5ecd44e] {
+    margin-top: 24px;
+}
+.footer-bottom[data-v-d5ecd44e] {
+    padding: 16px 0 24px;
+}
+.footer-right .code-pop img[data-v-d5ecd44e] {
+    width: 56px;
+}
+}
+@media (max-width: 1200px) {
+.info[data-v-d5ecd44e] {
+    padding: 12px 0 8px;
+}
+.content[data-v-d5ecd44e] {
+    padding: 8px 0;
+}
+.quick-nav .nav + .nav[data-v-d5ecd44e] {
+    margin-left: auto;
+}
+.friendship-link[data-v-d5ecd44e] {
+    margin-top: 16px;
+}
+.footer-bottom[data-v-d5ecd44e] {
+    padding: 12px 0 16px;
+}
+}
+@media (max-width: 840px) {
+.info[data-v-d5ecd44e] {
+    padding: 24px 0 16px;
+}
+.info .info-logo[data-v-d5ecd44e] {
+    height: 30px;
+    margin-top: 12px;
+}
+.content[data-v-d5ecd44e] {
+    padding: 16px 0;
+}
+.friendship-link[data-v-d5ecd44e] {
+    margin-top: 0;
+}
+.friendship-link .friendship-link-box[data-v-d5ecd44e] {
+    margin-right: 24px;
+}
+.footer-bottom[data-v-d5ecd44e] {
+    padding: 16px 0 24px;
+    flex-direction: column;
+}
+.copyright[data-v-d5ecd44e] {
+    flex-direction: column;
+}
+.copyright .copyright-left[data-v-d5ecd44e] {
+    justify-content: center;
+    flex-wrap: wrap;
+}
+.copyright .filing[data-v-d5ecd44e] {
+    margin: 4px 0 0;
+}
+.footer-right[data-v-d5ecd44e] {
+    margin-top: 24px;
+}
+.footer-right .code-pop img[data-v-d5ecd44e] {
+    width: 78px;
+}
+.footer-right .code-pop + .code-pop[data-v-d5ecd44e] {
+    margin-left: 80px;
+}
+}
+@media (max-width: 600px) {
+.footer-right .code-pop + .code-pop[data-v-d5ecd44e] {
+    margin-left: 60px;
+}
+}

package/dist/treeshaking/components/footer/components/FooterList.vue.d.ts

@@ -0,0 +1,21 @@
+import { FooterT } from '../types.ts';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        info?(_: {}): any;
+        quickNav?(_: {}): any;
+        friendshipLink?(_: {}): any;
+        footer?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<FooterT, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<FooterT> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/treeshaking/components/footer/components/FooterList.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from "./FooterList.vue2.mjs";
+import './FooterList.css';
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const FooterList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d5ecd44e"]]);
+export {
+  FooterList as default
+};

package/dist/treeshaking/components/footer/components/FooterList.vue2.mjs

@@ -0,0 +1,215 @@
+import { defineComponent, openBlock, createElementBlock, Fragment, renderSlot, createElementVNode, toDisplayString, createCommentVNode, unref, renderList, createBlock } from "vue";
+import { ODivider } from "@opensig/opendesign";
+import { useScreen } from "@opendesign-plus/composables";
+const _hoisted_1 = {
+  key: 0,
+  class: "info"
+};
+const _hoisted_2 = { class: "info-text" };
+const _hoisted_3 = ["href", "target"];
+const _hoisted_4 = ["src"];
+const _hoisted_5 = {
+  key: 1,
+  class: "content"
+};
+const _hoisted_6 = {
+  key: 0,
+  class: "quick-nav"
+};
+const _hoisted_7 = { class: "quick-title" };
+const _hoisted_8 = ["href", "target"];
+const _hoisted_9 = {
+  key: 0,
+  class: "friendship-link"
+};
+const _hoisted_10 = { class: "friendship-link-title" };
+const _hoisted_11 = { class: "friendship-link-box" };
+const _hoisted_12 = ["href", "target"];
+const _hoisted_13 = { class: "footer-bottom" };
+const _hoisted_14 = {
+  key: 0,
+  class: "footer-logo"
+};
+const _hoisted_15 = ["src"];
+const _hoisted_16 = ["href"];
+const _hoisted_17 = {
+  key: 1,
+  class: "footer-option"
+};
+const _hoisted_18 = { class: "footer-option-item" };
+const _hoisted_19 = ["href", "target"];
+const _hoisted_20 = { class: "license" };
+const _hoisted_21 = { class: "license-text" };
+const _hoisted_22 = { class: "license-info" };
+const _hoisted_23 = { class: "copyright" };
+const _hoisted_24 = { class: "copyright-left" };
+const _hoisted_25 = { class: "copyright-text" };
+const _hoisted_26 = ["href"];
+const _hoisted_27 = { class: "filing" };
+const _hoisted_28 = ["src"];
+const _hoisted_29 = { class: "beian-info" };
+const _hoisted_30 = {
+  key: 2,
+  class: "footer-right"
+};
+const _hoisted_31 = ["src"];
+const _hoisted_32 = { class: "txt" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "FooterList",
+  props: {
+    simple: { type: Boolean },
+    info: {},
+    quickNav: {},
+    friendshipLink: {},
+    footerLogo: {},
+    footerOption: {},
+    qrcode: {},
+    footerBgImg: {}
+  },
+  setup(__props) {
+    const { lePadV } = useScreen();
+    const props = __props;
+    const linkTarget = (url, target) => {
+      if (target) {
+        return target;
+      } else {
+        return (url == null ? void 0 : url.startsWith("http")) ? "_blank" : void 0;
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        _ctx.$slots.info || props.info ? renderSlot(_ctx.$slots, "info", { key: 0 }, () => {
+          var _a, _b, _c, _d;
+          return [
+            __props.info ? (openBlock(), createElementBlock("div", _hoisted_1, [
+              createElementVNode("p", _hoisted_2, toDisplayString((_a = __props.info) == null ? void 0 : _a.title), 1),
+              createElementVNode("a", {
+                href: (_b = __props.info) == null ? void 0 : _b.href,
+                target: linkTarget(__props.info.href, (_c = __props.info) == null ? void 0 : _c.target)
+              }, [
+                createElementVNode("img", {
+                  src: (_d = __props.info) == null ? void 0 : _d.logo,
+                  class: "info-logo",
+                  alt: ""
+                }, null, 8, _hoisted_4)
+              ], 8, _hoisted_3)
+            ])) : createCommentVNode("", true)
+          ];
+        }, true) : createCommentVNode("", true),
+        _ctx.$slots.quickNav || props.quickNav || _ctx.$slots.friendshipLink || props.friendshipLink ? (openBlock(), createElementBlock("div", _hoisted_5, [
+          _ctx.$slots.quickNav || props.quickNav ? renderSlot(_ctx.$slots, "quickNav", { key: 0 }, () => [
+            __props.quickNav && !unref(lePadV) ? (openBlock(), createElementBlock("div", _hoisted_6, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.quickNav, (nav) => {
+                return openBlock(), createElementBlock("div", {
+                  key: nav.title,
+                  class: "nav"
+                }, [
+                  createElementVNode("div", _hoisted_7, toDisplayString(nav.title), 1),
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(nav.children, (navItem) => {
+                    return openBlock(), createElementBlock("p", {
+                      key: navItem.title,
+                      class: "nav-item"
+                    }, [
+                      createElementVNode("a", {
+                        href: navItem.href,
+                        target: linkTarget(navItem.href, navItem == null ? void 0 : navItem.target),
+                        rel: "noopener noreferrer"
+                      }, toDisplayString(navItem.title), 9, _hoisted_8)
+                    ]);
+                  }), 128))
+                ]);
+              }), 128))
+            ])) : createCommentVNode("", true)
+          ], true) : createCommentVNode("", true),
+          _ctx.$slots.friendshipLink || props.friendshipLink ? renderSlot(_ctx.$slots, "friendshipLink", { key: 1 }, () => [
+            __props.friendshipLink ? (openBlock(), createElementBlock("div", _hoisted_9, [
+              createElementVNode("div", _hoisted_10, toDisplayString(__props.friendshipLink.title), 1),
+              createElementVNode("div", _hoisted_11, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(__props.friendshipLink.children, (link) => {
+                  return openBlock(), createElementBlock("a", {
+                    href: link.href,
+                    key: link.href,
+                    target: linkTarget(link.href, link == null ? void 0 : link.target)
+                  }, toDisplayString(link.title), 9, _hoisted_12);
+                }), 128))
+              ])
+            ])) : createCommentVNode("", true)
+          ], true) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "footer", {}, () => [
+          createElementVNode("div", _hoisted_13, [
+            __props.footerLogo && !unref(lePadV) ? (openBlock(), createElementBlock("div", _hoisted_14, [
+              createElementVNode("img", {
+                src: __props.footerLogo.logo,
+                alt: ""
+              }, null, 8, _hoisted_15),
+              createElementVNode("p", null, [
+                createElementVNode("a", {
+                  href: `mailto:${__props.footerLogo.email}`,
+                  target: "_blank",
+                  class: "email"
+                }, toDisplayString(__props.footerLogo.email), 9, _hoisted_16)
+              ])
+            ])) : createCommentVNode("", true),
+            __props.footerOption ? (openBlock(), createElementBlock("div", _hoisted_17, [
+              createElementVNode("div", _hoisted_18, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(__props.footerOption.children, (link, index) => {
+                  return openBlock(), createElementBlock(Fragment, {
+                    key: link.href
+                  }, [
+                    createElementVNode("a", {
+                      href: link.href,
+                      target: linkTarget(link.href, link == null ? void 0 : link.target)
+                    }, toDisplayString(link.title), 9, _hoisted_19),
+                    index !== __props.footerOption.children.length - 1 ? (openBlock(), createBlock(unref(ODivider), {
+                      key: 0,
+                      direction: "v"
+                    })) : createCommentVNode("", true)
+                  ], 64);
+                }), 128))
+              ]),
+              createElementVNode("p", _hoisted_20, [
+                createElementVNode("span", _hoisted_21, toDisplayString(__props.footerOption.licenseText), 1),
+                createElementVNode("span", _hoisted_22, toDisplayString(__props.footerOption.licenseInfo), 1)
+              ]),
+              createElementVNode("div", _hoisted_23, [
+                createElementVNode("div", _hoisted_24, [
+                  createElementVNode("p", _hoisted_25, toDisplayString(__props.footerOption.copyright), 1),
+                  createElementVNode("a", {
+                    href: __props.footerOption.beianLink,
+                    target: "_blank",
+                    class: "beian-info"
+                  }, toDisplayString(__props.footerOption.beianInfo1), 9, _hoisted_26)
+                ]),
+                createElementVNode("div", _hoisted_27, [
+                  createElementVNode("img", {
+                    src: __props.footerOption.policeIcon,
+                    class: "filing-img"
+                  }, null, 8, _hoisted_28),
+                  createElementVNode("p", _hoisted_29, toDisplayString(__props.footerOption.beianInfo2), 1)
+                ])
+              ])
+            ])) : createCommentVNode("", true),
+            __props.qrcode ? (openBlock(), createElementBlock("div", _hoisted_30, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.qrcode, (item, index) => {
+                return openBlock(), createElementBlock("div", {
+                  key: index,
+                  class: "code-pop"
+                }, [
+                  createElementVNode("img", {
+                    src: item.img,
+                    alt: ""
+                  }, null, 8, _hoisted_31),
+                  createElementVNode("p", _hoisted_32, toDisplayString(item.label), 1)
+                ]);
+              }), 128))
+            ])) : createCommentVNode("", true)
+          ])
+        ], true)
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};