{"version":3,"sources":["webpack:///./src/views/home/pay.vue","webpack:///./src/views/home/pay.vue?23ef","webpack:///./src/components/base.vue","webpack:///./src/components/base.vue?588d","webpack:///./src/views/home/css/pay.css?7788","webpack:///./src/components/base.vue?dbaa"],"names":["mStore","memberStore","wStore","walletStore","wbStore","webStore","useRouter","timerId","onMounted","setInterval","getTimeDifference","onUnmounted","clearInterval","getWallet","ElMessage","message","i18n","global","t","type","date","reactive","days","hours","minutes","seconds","now","Date","timestamp","targetDate","difference","Math","floor","toString","padStart","curAccount","computed","watch","newVal","oldVal","alert","accountLogin","then","result","setLoginState","queryMemberInfo","catch","reason","console","error","__exports__","shareList"],"mappings":"8lCA2DI,MAAMA,EAASC,iBACTC,EAASC,iBACTC,EAAUC,iBAED,IAAIC,OAEnB,IAAIC,EAEJC,uBAAU,KACND,EAAUE,YAAYC,EAAmB,OAG7CC,yBAAY,KACRC,cAAcL,KAGlB,MAAMM,EAAYA,KACdC,eAAU,CACNC,QAASC,OAAKC,OAAOC,EAAE,cACvBC,KAAM,WAId,IAAIC,EAAOC,sBAAS,CAChBC,KAAM,KACNC,MAAO,KACPC,QAAS,KACTC,QAAS,OAEb,SAASf,IACL,MAAMgB,EAAM,IAAIC,KAChB,IAAIC,EAAY,WAChB,MAAMC,EAAa,IAAIF,KAAKC,GAG5B,IAAIE,EAAaD,EAAaH,EAE9B,GAAII,EAAa,EAKb,OAJAV,EAAKE,KAAO,KACZF,EAAKG,MAAQ,KACbH,EAAKI,QAAU,KACfJ,EAAKK,QAAU,KACRL,EAIXA,EAAKE,KAAOS,KAAKC,MAAMF,EAAa,OACpCA,GAA0B,MAAZV,EAAKE,KAGnBF,EAAKG,MAAQQ,KAAKC,MAAMF,EAAa,MACrCA,GAA2B,KAAbV,EAAKG,MAGnBH,EAAKI,QAAUO,KAAKC,MAAMF,EAAa,KACvCA,GAA6B,IAAfV,EAAKI,QAGnBJ,EAAKK,QAAUM,KAAKC,MAAMF,EAAa,KAGvCV,EAAKE,KAAOF,EAAKE,KAAO,EAAIF,EAAKE,KAAKW,WAAWC,SAAS,EAAG,KAAO,KACpEd,EAAKG,MAAQH,EAAKG,MAAQ,EAAIH,EAAKG,MAAMU,WAAWC,SAAS,EAAG,KAAO,KACvEd,EAAKI,QAAUJ,EAAKI,QAAU,EAAIJ,EAAKI,QAAQS,WAAWC,SAAS,EAAG,KAAO,KAC7Ed,EAAKK,QAAUL,EAAKK,QAAU,EAAIL,EAAKK,QAAQQ,WAAWC,SAAS,EAAG,KAAO,KAIjF,MAAMC,EAAaC,sBAAS,IACnBlC,EAAOiC,Y,OAEhBE,mBAAMF,EAAY,CAACG,EAAQC,KACrBD,IACEC,GACFC,MAAMxB,OAAKC,OAAOC,EAAE,kBAGtBd,EAAQqC,eAAeC,KAAMC,IAC3BvC,EAAQwC,eAAc,GACtB5C,EAAO6C,oBAENC,MAAOC,IACR3C,EAAQwC,eAAc,GACtBI,QAAQC,MAAM,qB,yxDCxIxB,MAAMC,EAA2B,IAAgB,EAAQ,CAAC,CAAC,YAAY,qBAExD,gB,0TCOX,MAAMC,EAAY9B,sBAAS,CACvB,UAAU,O,uhBCVlB,MAAM6B,EAA2B,IAAgB,EAAQ,CAAC,CAAC,YAAY,qBAExD,U,kCCRf,W,kCCAA,W","file":"js/chunk-42fa4304.788e5574.js","sourcesContent":["<template>\r\n    <headers></headers>\r\n    <div class=\"top-gap\"></div>\r\n    <div class=\"content\">\r\n        <div class=\"desc\">\r\n            <h3>SOLFI Pay</h3>\r\n            <p>{{ $t('pay.desc') }}</p>\r\n        </div> \r\n        <div class=\"pay-bg\">\r\n            <img src=\"../../static/images/pay-logo.png\" alt=\"\">\r\n        </div>\r\n        <div class=\"date\">\r\n            <div>\r\n                <div class=\"num\">{{ date.days }}</div>\r\n                <div>{{ $t('pay.days') }}</div>\r\n            </div>\r\n            <div>\r\n                <div class=\"num\">{{ date.hours }}</div>\r\n                <div>{{ $t('pay.hours') }}</div>\r\n            </div>\r\n            <div>\r\n                <div class=\"num\">{{ date.minutes }}</div>\r\n                <div>{{ $t('pay.minutes') }}</div>\r\n            </div>\r\n            <div>\r\n                <div class=\"num\">{{ date.seconds }}</div>\r\n                <div>{{ $t('pay.seconds') }}</div>\r\n            </div>\r\n        </div>\r\n        <div class=\"buts\">\r\n            <button @click=\"getWallet()\">\r\n                <img src=\"../../static/images/android.png\" alt=\"\">\r\n                <span>{{ $t('pay.android') }}</span>\r\n                <div></div>\r\n            </button>\r\n            <button @click=\"getWallet()\">\r\n                <img src=\"../../static/images/ios.png\" alt=\"\">\r\n                <span>{{ $t('pay.ios') }}</span>\r\n                <div></div>\r\n            </button>\r\n        </div>\r\n    </div>\r\n    <bases></bases>\r\n</template>\r\n<script setup>\r\n    import headers from '@/components/header'\r\n    import bases from '@/components/base'\r\n    import {computed, reactive, watch, onMounted, onUnmounted } from 'vue';\r\n    import Util from \"@/utils/common-util\";\r\n\r\n    import {call, getContractAddress, send} from \"@/contract/web3-util\";\r\n    import Web3 from \"web3\";\r\n    import {memberStore} from \"@/store/member\"\r\n    import {walletStore} from \"@/store/wallet\"\r\n    import {webStore} from \"@/store/web\"\r\n    import i18n from \"@/i18n\";\r\n    import {ElMessage} from \"element-plus\";\r\n    import {useRouter} from \"vue-router\";\r\n\r\n    const mStore = memberStore()\r\n    const wStore = walletStore()\r\n    const wbStore = webStore()\r\n\r\n    const router = new useRouter()\r\n\r\n    let timerId;\r\n\r\n    onMounted(() => {\r\n        timerId = setInterval(getTimeDifference, 1000);\r\n    })\r\n\r\n    onUnmounted(() => {\r\n        clearInterval(timerId);\r\n    });\r\n\r\n    const getWallet = () => {\r\n        ElMessage({\r\n            message: i18n.global.t('alert.soon'),\r\n            type: 'error'\r\n        })\r\n    }\r\n\r\n    let date = reactive({\r\n        days: '00',\r\n        hours: '00',\r\n        minutes: '00',\r\n        seconds: '00'\r\n    }) \r\n    function getTimeDifference() {\r\n        const now = new Date();\r\n        let timestamp = 1728604800000 // 2024-10-11 08:00\r\n        const targetDate = new Date(timestamp);\r\n\r\n        // 计算时间差，以毫秒为单位\r\n        let difference = targetDate - now;\r\n\r\n        if (difference < 0) {\r\n            date.days = '00';\r\n            date.hours = '00';\r\n            date.minutes = '00';\r\n            date.seconds = '00';\r\n            return date;\r\n        }\r\n\r\n        // 计算天数\r\n        date.days = Math.floor(difference / (1000 * 60 * 60 * 24));\r\n        difference -= date.days * (1000 * 60 * 60 * 24);\r\n\r\n        // 计算小时\r\n        date.hours = Math.floor(difference / (1000 * 60 * 60));\r\n        difference -= date.hours * (1000 * 60 * 60);\r\n\r\n        // 计算分钟\r\n        date.minutes = Math.floor(difference / (1000 * 60));\r\n        difference -= date.minutes * (1000 * 60);\r\n\r\n        // 计算秒数\r\n        date.seconds = Math.floor(difference / 1000);\r\n\r\n        // 将不足部分设置为\"00\"\r\n        date.days = date.days > 0 ? date.days.toString().padStart(2, '0') : '00';\r\n        date.hours = date.hours > 0 ? date.hours.toString().padStart(2, '0') : '00';\r\n        date.minutes = date.minutes > 0 ? date.minutes.toString().padStart(2, '0') : '00';\r\n        date.seconds = date.seconds > 0 ? date.seconds.toString().padStart(2, '0') : '00';\r\n    }\r\n\r\n\r\n    const curAccount = computed(()=>{\r\n      return wStore.curAccount\r\n    })\r\n    watch(curAccount, (newVal, oldVal) =>{\r\n      if (newVal) {\r\n        if (oldVal) {\r\n          alert(i18n.global.t('alert.reLogin'))\r\n        }\r\n\r\n        wbStore.accountLogin().then((result) => {\r\n          wbStore.setLoginState(true)\r\n          mStore.queryMemberInfo()\r\n\r\n        }).catch((reason) => {\r\n          wbStore.setLoginState(false)\r\n          console.error('login failed')\r\n        })\r\n      }\r\n    })\r\n</script>\r\n<style scoped src=\"./css/pay.css\"></style>\r\n","import script from \"./pay.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./pay.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./css/pay.css?vue&type=style&index=0&id=2c3823b6&scoped=true&lang=css\"\n\nimport exportComponent from \"C:\\\\Users\\\\tkm\\\\Desktop\\\\work\\\\sofi\\\\solfi-web\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-2c3823b6\"]])\n\nexport default __exports__","<template>\r\n    <div>\r\n        <div class=\"gap\"></div>\r\n        <div class=\"content\">\r\n            <div class=\"share\">\r\n                <img :src=\"require('../static/images/' + item + '.png')\"  v-for=\"(item,index) in shareList\" :key=\"index\">\r\n            </div>\r\n            <!-- <div class=\"line\"></div> -->\r\n            <div>{{ $t('header.inc') }}</div>\r\n        </div>\r\n    </div>\r\n</template>\r\n<script setup>\r\n    import { reactive } from 'vue';\r\n\r\n    const shareList = reactive([\r\n        'twitter','tg'\r\n    ])\r\n\r\n    const goLink = (item) => {\r\n        let url;\r\n        if(item === 'tg'){\r\n            return\r\n        }else{\r\n            url = 'https://twitter.com/solfisolana'\r\n        }\r\n        window.open(url, '_blank')\r\n    }\r\n</script>\r\n<style scoped>\r\n    .gap{\r\n        height: 240px;\r\n    }\r\n    .content{\r\n        width: 100%;\r\n        height: 240px;        \r\n        color: rgba(255,255,255,0.75);\r\n        position: absolute;\r\n        bottom: 0;\r\n        text-align: center;\r\n        font-size: 12px;\r\n        background-color: rgb(27,22,59);\r\n        /* background: linear-gradient(90deg, #000000 0%, #1E313F 100%); */\r\n    }\r\n    .share{\r\n        width: calc(100% - 100px);\r\n        max-width: 400px;\r\n        padding-top: 57px;\r\n        margin: 0 auto 57px;\r\n        display: flex;\r\n        justify-content: space-between;\r\n    }\r\n    .share img{\r\n        width: 60px;\r\n        height: 60px;\r\n    }\r\n    .line{\r\n        width: calc(100% - 100px);\r\n        max-width: 1200px;\r\n        height: 1px;\r\n        margin: 0 auto 30px;\r\n        background-color: rgba(255,255,255,0.2);\r\n    }\r\n    @media screen and (max-width: 768px){\r\n        .share{\r\n            max-width: 200px;\r\n        }\r\n        .share img{\r\n            width: 40px;\r\n            height: 40px;\r\n        }\r\n    }\r\n</style>","import script from \"./base.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./base.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./base.vue?vue&type=style&index=0&id=311fcdac&scoped=true&lang=css\"\n\nimport exportComponent from \"C:\\\\Users\\\\tkm\\\\Desktop\\\\work\\\\sofi\\\\solfi-web\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-311fcdac\"]])\n\nexport default __exports__","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!./pay.css?vue&type=style&index=0&id=2c3823b6&scoped=true&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./base.vue?vue&type=style&index=0&id=311fcdac&scoped=true&lang=css\""],"sourceRoot":""}