{"version":3,"sources":["webpack:///./src/views/support.vue","webpack:///./src/views/support.vue?5bc7","webpack:///./src/views/support.vue?ce6a"],"names":["t","useI18n","state","useRouter","ref","reactive","http","arrList","title","content","active","change","item","console","log","__exports__"],"mappings":"kdAqDA,MAAM,EAAEA,GAAMC,iBAKRC,GAJSC,iBACIC,eAAI,CAAC,IACNA,gBAAI,GAERC,eAAS,CACtBC,KAAM,8GACNC,QAAS,CACR,CACCC,MAAOR,EAAE,mBACTS,QAAST,EAAE,kBACXU,QAAQ,GAET,CACCF,MAAOR,EAAE,mBACTS,QAAST,EAAE,kBACXU,QAAQ,GAET,CACCF,MAAOR,EAAE,mBACTS,QAAST,EAAE,kBACXU,QAAQ,GAET,CACCF,MAAOR,EAAE,mBACTS,QAAST,EAAE,kBACXU,QAAQ,GAET,CACCF,MAAOR,EAAE,mBACTS,QAAST,EAAE,kBACXU,QAAQ,GAET,CACCF,MAAOR,EAAE,mBACTS,QAAST,EAAE,kBACXU,QAAQ,GAET,CACCF,MAAOR,EAAE,mBACTS,QAAST,EAAE,kBACXU,QAAQ,GAET,CACCF,MAAOR,EAAE,mBACTS,QAAST,EAAE,kBACXU,QAAQ,GAET,CACCF,MAAOR,EAAE,mBACTS,QAAST,EAAE,kBACXU,QAAQ,GAET,CACCF,MAAOR,EAAE,oBACTS,QAAST,EAAE,mBACXU,QAAQ,GAET,CACCF,MAAOR,EAAE,oBACTS,QAAST,EAAE,mBACXU,QAAQ,GAET,CACCF,MAAOR,EAAE,oBACTS,QAAST,EAAE,mBACXU,QAAQ,OAILC,EAAUC,IACfA,EAAKF,QAAUE,EAAKF,OACpBG,QAAQC,IAAIF,I,wnCCvHb,MAAMG,EAA2B,IAAgB,EAAQ,CAAC,CAAC,YAAY,qBAExD,gB,2DCRf","file":"js/support.60945869.js","sourcesContent":["<template>\r\n\t<div>\r\n\t\t<div class=\"support\">\r\n\t\t\t<div class=\"banner\">\r\n\t\t\t\t<div class=\"title\">\r\n\t\t\t\t\t{{ $t('support.title') }}\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"font1\">\r\n\t\t\t\t\t{{ $t('support.font1') }}\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"font2\">\r\n\t\t\t\t\t{{ $t('support.font2') }}\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"font2\">\r\n\t\t\t\t\t{{ $t('support.font3') }}\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div class=\"FAQ\">\r\n\t\t\t\t<div class=\"FAQ_title\">\r\n\t\t\t\t\t<img src=\"../assets/home/title_left.png\" alt=\"\" />\r\n\t\t\t\t\t<span>\r\n\t\t\t\t\t\t{{ $t('support.icon_title') }}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"FAQ_body\">\r\n\t\t\t\t\t<div class=\"FAQ_item\" v-for=\"(item, index) in state.arrList\" :key=\"index\">\r\n\t\t\t\t\t\t<div class=\"title\" @click=\"change(item)\">\r\n\t\t\t\t\t\t\t<span>{{ item.title }}</span>\r\n\t\t\t\t\t\t\t<span class=\"color\" v-show=\"!item.active\">+</span>\r\n\t\t\t\t\t\t\t<span class=\"color\" v-show=\"item.active\">-</span>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div class=\"content\" v-show=\"item.active\">\r\n\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t{{ item.content }}\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t<!-- <a href=\"https://app.voobank.com/#/mainPage\" target=\"_blank\"\r\n\t\t\t\t\t\t\t\t>https://app.voobank.com</a\r\n\t\t\t\t\t\t\t> -->\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n\r\n<script setup>\r\nimport { ref, reactive } from 'vue';\r\nimport { submitSupport } from '@/api/index';\r\nimport { useRouter } from 'vue-router';\r\nimport { useI18n } from 'vue-i18n';\r\n\r\nconst { t } = useI18n();\r\nconst router = useRouter();\r\nconst activeName = ref([1]);\r\nconst accordion = ref(false); // 是否开启手风琴模式\r\n\r\nconst state = reactive({\r\n\thttp: 'https://jade-sophisticated-cockroach-243.mypinata.cloud/ipfs/QmeUkox4nkg6joPFDuMa9d3Bmp5DQcqH4mKsZyUuF9mXar',\r\n\tarrList: [\r\n\t\t{\r\n\t\t\ttitle: t('faq.list1.title'),\r\n\t\t\tcontent: t('faq.list1.font'),\r\n\t\t\tactive: false,\r\n\t\t},\r\n\t\t{\r\n\t\t\ttitle: t('faq.list2.title'),\r\n\t\t\tcontent: t('faq.list2.font'),\r\n\t\t\tactive: false,\r\n\t\t},\r\n\t\t{\r\n\t\t\ttitle: t('faq.list3.title'),\r\n\t\t\tcontent: t('faq.list3.font'),\r\n\t\t\tactive: false,\r\n\t\t},\r\n\t\t{\r\n\t\t\ttitle: t('faq.list4.title'),\r\n\t\t\tcontent: t('faq.list4.font'),\r\n\t\t\tactive: false,\r\n\t\t},\r\n\t\t{\r\n\t\t\ttitle: t('faq.list5.title'),\r\n\t\t\tcontent: t('faq.list5.font'),\r\n\t\t\tactive: false,\r\n\t\t},\r\n\t\t{\r\n\t\t\ttitle: t('faq.list6.title'),\r\n\t\t\tcontent: t('faq.list6.font'),\r\n\t\t\tactive: false,\r\n\t\t},\r\n\t\t{\r\n\t\t\ttitle: t('faq.list7.title'),\r\n\t\t\tcontent: t('faq.list7.font'),\r\n\t\t\tactive: false,\r\n\t\t},\r\n\t\t{\r\n\t\t\ttitle: t('faq.list8.title'),\r\n\t\t\tcontent: t('faq.list8.font'),\r\n\t\t\tactive: false,\r\n\t\t},\r\n\t\t{\r\n\t\t\ttitle: t('faq.list9.title'),\r\n\t\t\tcontent: t('faq.list9.font'),\r\n\t\t\tactive: false,\r\n\t\t},\r\n\t\t{\r\n\t\t\ttitle: t('faq.list10.title'),\r\n\t\t\tcontent: t('faq.list10.font'),\r\n\t\t\tactive: false,\r\n\t\t},\r\n\t\t{\r\n\t\t\ttitle: t('faq.list11.title'),\r\n\t\t\tcontent: t('faq.list11.font'),\r\n\t\t\tactive: false,\r\n\t\t},\r\n\t\t{\r\n\t\t\ttitle: t('faq.list12.title'),\r\n\t\t\tcontent: t('faq.list12.font'),\r\n\t\t\tactive: false,\r\n\t\t},\r\n\t],\r\n});\r\nconst change = (item) => {\r\n\titem.active = !item.active;\r\n\tconsole.log(item);\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n@media screen and (min-width: 768px) {\r\n\t.support {\r\n\t\twidth: 100%;\r\n\t\tbackground: rgba(0, 0, 0, 1);\r\n\t\tcolor: #ffffff;\r\n\t\t.banner {\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 730px;\r\n\t\t\tbackground: url('../assets/support/pc_bg.png')\r\n\t\t\t\tno-repeat;\r\n\t\t\tbackground-size: 1920px 730px;\r\n\t\t\tpadding: 0 360px 0;\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: column;\r\n\t\t\talign-items: center;\r\n\t\t\t.title {\r\n\t\t\t\tmargin: 150px auto 18px;\r\n\t\t\t\tfont-weight: 500;\r\n\t\t\t\tfont-size: 50px;\r\n\t\t\t\tcolor: rgba(202, 130, 50, 1);\r\n\t\t\t\tline-height: 58px;\r\n\t\t\t}\r\n\t\t\t.font1 {\r\n\t\t\t\tfont-weight: 500;\r\n\t\t\t\tfont-size: 50px;\r\n\t\t\t\tline-height: 58px;\r\n\t\t\t\tmargin: 220px 0 30px;\r\n\t\t\t}\r\n\t\t\t.font2 {\r\n\t\t\t\tfont-weight: 400;\r\n\t\t\t\tfont-size: 22px;\r\n\t\t\t\tline-height: 30px;\r\n\t\t\t}\r\n\t\t}\r\n\t\t.FAQ {\r\n\t\t\twidth: 100%;\r\n\t\t\tpadding: 0 360px 240px;\r\n\t\t\t.FAQ_title {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t\tmargin-top: 150px;\r\n\t\t\t\tfont-weight: 400;\r\n\t\t\t\tfont-size: 56px;\r\n\t\t\t\tline-height: 70px;\r\n\t\t\t\tmargin-bottom: 76px;\r\n\t\t\t\timg {\r\n\t\t\t\t\twidth: 31px;\r\n\t\t\t\t\theight: 31px;\r\n\t\t\t\t\tmargin-right: 6px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t.FAQ_body {\r\n\t\t\t\t// display: flex;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\t// height: 100vh;\r\n\t\t\t\t.FAQ_item {\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\tmin-height: 61px;\r\n\t\t\t\t\tbackground: #0d0d0d;\r\n\t\t\t\t\tpadding: 17px 20px 0;\r\n\t\t\t\t\tborder-radius: 12px;\r\n\t\t\t\t\tmargin-bottom: 16px;\r\n\t\t\t\t\tcursor: pointer;\r\n\t\t\t\t\t.title {\r\n\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t\tfont-size: 18px;\r\n\t\t\t\t\t\tfont-weight: 400;\r\n\t\t\t\t\t\tdisplay: inline-flex;\r\n\t\t\t\t\t\tjustify-content: space-between;\r\n\t\t\t\t\t\talign-items: center;\r\n\t\t\t\t\t\t.color {\r\n\t\t\t\t\t\t\tcolor: #986226;\r\n\t\t\t\t\t\t\tfont-size: 24px;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\t.content {\r\n\t\t\t\t\t\tmargin-top: 10px;\r\n\t\t\t\t\t\tpadding: 0 8px 17px;\r\n\t\t\t\t\t\theight: auto;\r\n\t\t\t\t\t\tcolor: #ababab;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@media screen and (max-width: 768px) {\r\n\t.support {\r\n\t\twidth: 100%;\r\n\t\tbackground: rgba(0, 0, 0, 1);\r\n\t\tcolor: #ffffff;\r\n\t\t.banner {\r\n\t\t\twidth: 100%;\r\n\t\t\t// height: 730px;\r\n\t\t\tbackground: url('../assets/support/h5_bg.png')\r\n\t\t\t\tno-repeat;\r\n\t\t\tbackground-size: 375px 128px;\r\n\t\t\tpadding: 0 32px 0;\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: column;\r\n\t\t\talign-items: center;\r\n\t\t\ttext-align: center;\r\n\t\t\t.title {\r\n\t\t\t\tdisplay: none;\r\n\t\t\t\tmargin: 100px auto 18px;\r\n\t\t\t\tfont-weight: 500;\r\n\t\t\t\tfont-size: 28px;\r\n\t\t\t\tcolor: rgba(202, 130, 50, 1);\r\n\t\t\t\tline-height: 58px;\r\n\t\t\t}\r\n\t\t\t.font1 {\r\n\t\t\t\tfont-weight: 500;\r\n\t\t\t\tfont-size: 22px;\r\n\t\t\t\tline-height: 28px;\r\n\t\t\t\tmargin: 150px 0 30px;\r\n\t\t\t}\r\n\t\t\t.font2 {\r\n\t\t\t\tfont-weight: 400;\r\n\t\t\t\tfont-size: 12px;\r\n\t\t\t\tline-height: 14px;\r\n\t\t\t}\r\n\t\t}\r\n\t\t.FAQ {\r\n\t\t\twidth: 100%;\r\n\t\t\tpadding: 100px 26px 120px;\r\n\t\t\tfont-size: 12px;\r\n\t\t\t.FAQ_title {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tflex-direction: column;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t\tfont-weight: 600;\r\n\t\t\t\tfont-size: 28px;\r\n\t\t\t\tline-height: 35px;\r\n\t\t\t\tmargin-bottom: 76px;\r\n\t\t\t\ttext-align: center;\r\n\t\t\t\timg {\r\n\t\t\t\t\twidth: 12px;\r\n\t\t\t\t\theight: 12px;\r\n\t\t\t\t\tmargin-right: 6px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t.FAQ_body {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\t.FAQ_item {\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\tmin-height: 61px;\r\n\t\t\t\t\tbackground: #0d0d0d;\r\n\t\t\t\t\tpadding: 10px 20px;\r\n\t\t\t\t\tborder-radius: 12px;\r\n\t\t\t\t\tmargin-bottom: 16px;\r\n\t\t\t\t\tcursor: pointer;\r\n\t\t\t\t\tfont-size: 14px;\r\n\t\t\t\t\tcolor: #f5f5f8;\r\n\t\t\t\t\t.title {\r\n\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t\tfont-size: 18px;\r\n\t\t\t\t\t\tfont-weight: 400;\r\n\t\t\t\t\t\tdisplay: inline-flex;\r\n\t\t\t\t\t\tjustify-content: space-between;\r\n\t\t\t\t\t\talign-items: center;\r\n\t\t\t\t\t\t.color {\r\n\t\t\t\t\t\t\tcolor: #986226;\r\n\t\t\t\t\t\t\tfont-size: 24px;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\t.content {\r\n\t\t\t\t\t\tmargin-top: 10px;\r\n\t\t\t\t\t\tpadding: 0 8px 17px;\r\n\t\t\t\t\t\theight: auto;\r\n\t\t\t\t\t\tcolor: #ababab;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n</style>\r\n","import script from \"./support.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./support.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./support.vue?vue&type=style&index=0&id=449ee494&scoped=true&lang=scss\"\n\nimport exportComponent from \"D:\\\\projects\\\\m3dao\\\\roobank\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-449ee494\"]])\n\nexport default __exports__","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./support.vue?vue&type=style&index=0&id=449ee494&scoped=true&lang=scss\""],"sourceRoot":""}