{"version":3,"file":"Footer.5fc41d2c.js","sources":["../../../../src/assets/imgs/connect.png","../../../../src/layouts/components/Footer/src/Footer.vue"],"sourcesContent":["export default \"__VITE_ASSET__9b90ea02__\"","<script lang=\"ts\" setup>\r\nimport Lang from '@/components/lang'\r\nimport { useTgCustomer } from '@/hooks/useTgCustomer'\r\nimport { useSwapShow } from '~/composables/app/useSwapShow'\r\n\r\nconst { enableExchange } = useSwapShow()\r\nconst tgLink = useTgCustomer()\r\nconst visible = ref(false)\r\nconst { config } = useAppState()\r\n</script>\r\n\r\n<template>\r\n  <footer class=\"footer\">\r\n    <div class=\"main\">\r\n      <div class=\"business-div\">\r\n        <h3 class=\"title\">{{ $t(\"mSq24vll6ZpyEhQgy_kDF\") }}</h3>\r\n        <ul>\r\n          <li><NuxtLink :to=\"localePath('/c2c')\" data-test-id=\"eNKF\">{{ $t(\"yiSrOfcmDFQ4S_64vwKmE\") }}</NuxtLink></li>\r\n          <li><NuxtLinkLocale to=\"/b2c\" data-test-id=\"3hNS\">{{ $t(\"FPBi_zuJs4DOUFStIbwoa\") }}</NuxtLinkLocale></li>\r\n          <li><NuxtLink :to=\"localePath('/batch-renting')\" data-test-id=\"g5Ip\">{{ $t(\"WeS47BKEK1K-RnK7o6Yxg\") }}</NuxtLink></li>\r\n           <li v-if=\"enableExchange\"><NuxtLink :to=\"localePath('/swap')\" data-test-id=\"hjO8\">{{ $t(\"IAP3YhQBnAdoNx4lMueLD\") }}</NuxtLink></li>\r\n          <li><a :href=\"`/console/buyer/monitoring-address?lang=${$t('console-lang')}`\" data-test-id=\"krXj\">{{ $t(\"6xzB1kAuo1_WwZWTYqJL3\") }}</a></li>\r\n          <li>\r\n            <i v-if=\"!$bp.atMobiles\" class=\"i-local:tg-s4 icon\" />\r\n            <NuxtLink to=\"https://t.me/feeeIoBot\" target=\"blank\" data-test-id=\"BN9R\"><span :class=\"$bp.atMobiles ? 'blue' : '' \">{{ $t(\"bvJPJsNJS078AsP3ns8Ac\") }}</span></NuxtLink>\r\n          </li>\r\n        </ul>\r\n      </div>\r\n      <div class=\"support-div\">\r\n        <h3 class=\"title\">{{ $t(\"cgZZNGrxQ4Os2jitEOdAA\") }}</h3>\r\n        <ul>\r\n          <li><a :href=\"`/doc/${$t('doc-lang')}`\" data-test-id=\"ouFP\">{{ $t('3p7uB1VlYHERPyaVAlCT7') }}</a></li>\r\n          <li><a :href=\"`/${currentLocale}/#faq`\" data-test-id=\"7sKo\">{{ $t(\"oLZmwp9WOaEnVJZLKlB0p\") }}</a></li>\r\n          <!-- <li><NuxtLink :to=\"localePath('/announcement')\">{{ $t(\"dTKmOOljwW8ju5qOEXBtv\") }}</NuxtLink></li> -->\r\n          <li v-if=\"$bp.atMobiles\">\r\n            <span data-test-id=\"5xbn\" @click=\"visible = true\">{{ $t(\"V5B8ddj2Wwt4PwMOLeEnj\") }}</span>\r\n          </li>\r\n        </ul>\r\n      </div>\r\n      <div class=\"user-div\">\r\n        <h3 class=\"title\">{{ $t(\"_IL6-3W2GXgfC7sV8-Gbg\") }}</h3>\r\n        <ul>\r\n          <li><a :href=\"`/console?lang=${$t('console-lang')}`\" data-test-id=\"CBPS\">{{ $t(\"vTL9tlsWzbAAgQHYbEYMq\") }}</a></li>\r\n          <li>\r\n            <NuxtLink to=\"#\" data-test-id=\"8ynv\" @click=\"globalModal.Recommend?.open()\">{{ $t(\"s6hGj36jqP0Qyb57_CW9M\") }}</NuxtLink>\r\n          </li>\r\n        </ul>\r\n      </div>\r\n      <div class=\"contact-div\">\r\n        <h3 class=\"title\">{{ $t(\"V5B8ddj2Wwt4PwMOLeEnj\") }}</h3>\r\n        <ul>\r\n          <li>\r\n            <span><i class=\"i-local:tg-s4 icon\" />{{ $t(\"-gpqytKeCEd_i6GCpio91\") }}：</span>\r\n            <NuxtLink :to=\"tgLink\" target=\"_blank\">@trongascom</NuxtLink>\r\n          </li>\r\n          <li>\r\n          <NuxtLink to=\"https://t.me/tronenergymarkets\" target=\"_blank\">\r\n            <span><i class=\"i-local:tg-s4 icon\" />{{ $t(\"P5vQ5M3DaK_vUetztkJKS\") }}</span>\r\n          </NuxtLink>\r\n          </li>\r\n          <li>\r\n          <NuxtLink to=\"https://x.com/Feeeio\" target=\"_blank\">\r\n            <span><i class=\"i-local:twtter icon\" />{{ $t(\"P5vQ5M3DaK_vUetztkJ11\") }}@Feeeio</span>\r\n          </NuxtLink>\r\n          </li>\r\n          <li>\r\n            <span>{{ $t(\"w8omC-wr8B3VlUochWVxP\") }}：</span>\r\n            <NuxtLink to=\"mailto:service@feee.io\" target=\"_blank\">service@feee.io</NuxtLink>\r\n          </li>\r\n        </ul>\r\n      </div>\r\n      <div class=\"other-div\">\r\n        <div class=\"brand\" />\r\n        <ClientOnly>\r\n          <Lang class=\"lang\" styleName=\"s1\" />\r\n        </ClientOnly>\r\n      </div>\r\n      <div class=\"copyright-div\">\r\n        <NuxtLink class=\"text-[--highlight] mr-[14px]\" :to=\"localePath('/')\">Feee.io</NuxtLink>\r\n        <span>COPYRIGHT &copy;2022/23</span>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- 联系 -->\r\n    <AModal\r\n      v-model:open=\"visible\"\r\n      :footer=\"null\"\r\n      :width=\"360\"\r\n      destroyOnClose\r\n      :closable=\"true\"\r\n      :maskClosable=\"true\"\r\n      wrapClassName=\"ant-cover__basic-modal\"\r\n      :title=\"$t('V5B8ddj2Wwt4PwMOLeEnj')\"\r\n    >\r\n      <div class=\"flex justify-center items-center flex-col gap-[20px]\">\r\n        <img src=\"~/assets/imgs/connect.png\" class=\"w-[144px] h-[96px] mt-[32px]\">\r\n        <ul class=\"w-[100%] leading-[32px] font-medium\">\r\n          <li>\r\n            <span><i class=\"i-local:tg-s4 text-[18px] mr-[10px]\" />{{ $t(\"-gpqytKeCEd_i6GCpio91\") }}：<NuxtLink :to=\"tgLink\" target=\"_blank\" class=\"decoration-underline\">@trongascom</NuxtLink></span>\r\n\r\n          </li>\r\n          <li>\r\n            <NuxtLink to=\"https://t.me/tronenergymarkets\" target=\"_blank\" class=\"decoration-underline\">\r\n              <span><i class=\"i-local:tg-s4 text-[18px] mr-[10px]\" />{{ $t(\"P5vQ5M3DaK_vUetztkJKS\") }}</span>\r\n            </NuxtLink>\r\n          </li>\r\n          <li>\r\n            <span><i class=\"i-local:tg-s5 text-[18px] mr-[10px]\" />{{ $t(\"w8omC-wr8B3VlUochWVxP\") }}：</span>\r\n            <NuxtLink to=\"mailto:service@feee.io\" target=\"_blank\" class=\"decoration-underline\">service@feee.io</NuxtLink>\r\n          </li>\r\n          <li>\r\n            <span><i class=\"i-local:twtter text-[18px] mr-[10px]\" />{{ $t(\"P5vQ5M3DaK_vUetztkJ11\") }}</span>\r\n            <NuxtLink to=\"https://x.com/Feeeio\" target=\"_blank\" >@Feeeio</NuxtLink>\r\n          </li>\r\n        </ul>\r\n      </div>\r\n    </AModal>\r\n  </footer>\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\n.blue{\r\n  color: var(--highlight);\r\n}\r\n\r\n.footer {\r\n  background-color: var(--bg-one);\r\n\r\n  > .main {\r\n    --uno: 'page-section ';\r\n\r\n    display: grid;\r\n    grid-template: 'business-div support-div user-div contact-div other-div' auto 'copyright-div copyright-div copyright-div copyright-div copyright-div' auto / auto auto auto auto 1fr;\r\n    gap: 40px 80px;\r\n    align-items: flex-start;\r\n    padding: 50px 20px;\r\n    font-size: 16px;\r\n    color: #989fae;\r\n\r\n    @media bp-lt-tabletl {\r\n      grid-template-areas:\r\n        'business-div contact-div'\r\n        'user-div support-div'\r\n        'copyright-div copyright-div';\r\n      grid-template-columns: auto auto;\r\n      padding: 30px 20px;\r\n    }\r\n\r\n    @media bp-lt-mobilel {\r\n      grid-template-areas:\r\n        'business-div support-div '\r\n        'copyright-div copyright-div ';\r\n      grid-template-columns: auto;\r\n      gap: 40px;\r\n      padding: 22px 0;\r\n\r\n      .contact-div, .user-div{\r\n        display: none;\r\n      }\r\n    }\r\n  }\r\n\r\n  h3.title {\r\n    --uno: 'lt-mobile:text-16px';\r\n\r\n    margin-bottom: 20px;\r\n    font-size: 20px;\r\n    color: var(--first-text);\r\n  }\r\n\r\n  li {\r\n    display: flex;\r\n    align-items: center;\r\n    margin-top: 10px;\r\n    color: var(--secondary-text);\r\n\r\n    a {\r\n      line-height: 1.4em;\r\n      color: inherit;\r\n\r\n      &:hover {\r\n        color: #266ef1;\r\n      }\r\n    }\r\n\r\n    .icon {\r\n      margin-right: 5px;\r\n    }\r\n  }\r\n\r\n  .business-div {\r\n    grid-area: business-div;\r\n  }\r\n\r\n  .support-div {\r\n    grid-area: support-div;\r\n  }\r\n\r\n  .user-div {\r\n    grid-area: user-div;\r\n  }\r\n\r\n  .contact-div {\r\n    grid-area: contact-div;\r\n  }\r\n\r\n  .other-div {\r\n    display: flex;\r\n    flex-direction: column;\r\n    place-self: flex-start flex-end;\r\n\r\n    @media bp-lt-tabletl {\r\n      display: none;\r\n    }\r\n\r\n    .brand {\r\n      width: 160px;\r\n      height: 45px;\r\n      margin-bottom: 20px;\r\n      background: url('@/assets/imgs/logo-name-s1.png') no-repeat 100% / contain;\r\n    }\r\n\r\n    .lang {\r\n      display: inline-block;\r\n\r\n      :deep(.lang-options) {\r\n        right: auto;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n      }\r\n    }\r\n  }\r\n\r\n  .copyright-div {\r\n    grid-area: copyright-div;\r\n    text-align: center;\r\n\r\n    @media bp-lt-mobilel {\r\n      text-align: left;\r\n    }\r\n  }\r\n}\r\n</style>\r\n"],"names":["_imports_0","URL","url","href","enableExchange","useSwapShow","tgLink","useTgCustomer","visible","ref","useAppState"],"mappings":"giBAAA,MAAeA,EAAA,GAAA,IAAAC,IAAA,mCAAAC,KAAAC,mpCCKT,MAAAC,eAAEA,GAAmBC,IACrBC,EAASC,IACTC,EAAUC,GAAI,UACWC"}