{"version":3,"sources":["webpack:///./src/views/news.vue","webpack:///./src/views/news.vue?c5c3","webpack:///./src/views/news.vue?1e0a","webpack:///./src/assets/new/new1.png"],"names":["t","locale","useI18n","blogList","ref","go","item","window","open","linkUrl","console","log","value","lang","__exports__","module","exports"],"mappings":"scAgDA,MAAM,EAAEA,EAAC,OAAEC,GAAWC,iBAChBC,EAAWC,eAAI,IAgEfC,EAAMC,IACXC,OAAOC,KAAKF,EAAKG,QAAS,WAE3BC,QAAQC,IAAIV,EAAOW,OACnB,IAAIC,EAAO,E,OAEVA,EADmB,MAAhBZ,EAAOW,MACH,EAEA,E,giCCnHR,MAAME,EAA2B,IAAgB,EAAQ,CAAC,CAAC,YAAY,qBAExD,gB,oCCRf,W,8CCAAC,EAAOC,QAAU,IAA0B","file":"js/news.4c8ccece.js","sourcesContent":["<template>\r\n\t<div class=\"news\">\r\n\t\t<div class=\"banner\">\r\n\t\t\t<div class=\"font\">{{ $t('news.title') }}</div>\r\n\t\t\t<div class=\"item_box_title\">\r\n\t\t\t\t<img src=\"../assets/home/title_left.png\" alt=\"\">\r\n\t\t\t\t<span>\r\n\t\t\t\t\t{{ $t('news.News') }}\r\n\t\t\t\t</span>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"body\">\r\n\t\t\t\t<img\r\n\t\t\t\t\tsrc=\"../assets/new/new1.png\"\r\n\t\t\t\t\talt=\"\"\r\n\t\t\t\t\tclass=\"left\"\r\n\t\t\t\t/>\r\n\t\t\t\t<div class=\"right\">\r\n\t\t\t\t\t{{ $t('news.right') }}\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"item_box_title\">\r\n\t\t\t\t<img src=\"../assets/home/title_left.png\" alt=\"\">\r\n\t\t\t\t<span>\r\n\t\t\t\t\t{{ $t('news.Announcements') }}\r\n\t\t\t\t</span>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"news_body\">\r\n\t\t\t\t<div class=\"box\">\r\n\t\t\t\t\t<div class=\"item\" @click=\"go(i)\" v-for=\"(item, i) in blogList\" :key=\"i\">\r\n\t\t\t\t\t\t<img :src=\"locale == 'zh' ? item.cnImg : item.img\" alt=\"\" class=\"img\" />\r\n\t\t\t\t\t\t<div class=\"title\">\r\n\t\t\t\t\t\t\t{{ item.title }}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div class=\"date\">\r\n\t\t\t\t\t\t\t{{ item.date }}\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 } from 'vue';\r\nimport { useI18n } from 'vue-i18n';\r\n// import { fetchData } from '@/api/index';\r\n\r\nconst { t, locale } = useI18n();\r\nconst blogList = ref([\r\n\t// {\r\n\t// \timg: \"https://jade-sophisticated-cockroach-243.mypinata.cloud/ipfs/QmbTbuRT3EXCVF4Fga8cY78mDV2L37KaVvvGVL7vw68rVA\",\r\n\t// \tcnImg: \"https://jade-sophisticated-cockroach-243.mypinata.cloud/ipfs/QmbDszcfgUyVrUHQKjYLwjQi2Mmy4xpMNm65WbMyskvWRu\",\r\n\t// \tdate: '2024/7/11',\r\n\t// \ttitle: t('blog.item1.title'),\r\n\t// \ttopic: t('blog.item1.topic'),\r\n\t// },\r\n\t// {\r\n\t// \timg: \"https://jade-sophisticated-cockroach-243.mypinata.cloud/ipfs/QmTvTrVmsgij42xFkuB7dcNfWSWuhgyM1NBYcERBxHkLAe\",\r\n\t// \tcnImg: \"https://jade-sophisticated-cockroach-243.mypinata.cloud/ipfs/QmVMa7AAtv2e621X59ftngsnMkZGeAEcAtYxaQ2LLC4jCD\",\r\n\t// \tdate: '2024/7/13',\r\n\t// \ttitle: t('blog.item2.title'),\r\n\t// \ttopic: t('blog.item2.topic'),\r\n\t// },\r\n\t// {\r\n\t// \timg: \"https://jade-sophisticated-cockroach-243.mypinata.cloud/ipfs/QmbbiyVbR9FhmdFwk98xpVqaTvkb6556PGCyZd8nSFvSXb\",\r\n\t// \tcnImg: \"https://jade-sophisticated-cockroach-243.mypinata.cloud/ipfs/QmWK9KVVWhCCsxHTqxvBjLLefuE4huumcei9e14YkK8SqM\",\r\n\t// \tdate: '2024/8/5',\r\n\t// \ttitle: t('blog.item3.title'),\r\n\t// \ttopic: t('blog.item3.topic'),\r\n\t// },\r\n\t// {\r\n\t// \timg: \"https://jade-sophisticated-cockroach-243.mypinata.cloud/ipfs/QmYCGh5NUHe4oECnFg28fZuc99pFb2so2iMUYcyuLsc4N2\",\r\n\t// \tcnImg: \"https://jade-sophisticated-cockroach-243.mypinata.cloud/ipfs/QmcW5MVhPbdgw44VwRHwx9VJJVXJAfkd5CXdx61hBPAFgs\",\r\n\t// \tdate: '2024/7/10',\r\n\t// \ttitle: t('blog.item4.title'),\r\n\t// \ttopic: t('blog.item4.topic'),\r\n\t// },\r\n\t// {\r\n\t// \timg: \"https://jade-sophisticated-cockroach-243.mypinata.cloud/ipfs/QmT28fApG9BSK3wXzoYjsUqGeassEsid1EFjjKvwCUoGsJ\",\r\n\t// \tcnImg: \"https://jade-sophisticated-cockroach-243.mypinata.cloud/ipfs/QmWHjvUCbCuGxyjWe3eXkTzjpysiaxrghgY9ToG32sUuFP\",\r\n\t// \tdate: '2024/7/12',\r\n\t// \ttitle: t('blog.item5.title'),\r\n\t// \ttopic: t('blog.item5.topic'),\r\n\t// },\r\n\t// {\r\n\t// \timg: \"https://jade-sophisticated-cockroach-243.mypinata.cloud/ipfs/QmVqdaBhZ6Hi6cKpo1BHZoZ64XMzzpTR6eKCvR7VwYjJA1\",\r\n\t// \tcnImg: \"https://jade-sophisticated-cockroach-243.mypinata.cloud/ipfs/QmTV56unCyJqSzYXMMVWNPDxTB49rqok99vpbU5gYpjwx1\",\r\n\t// \tdate: '2024/7/19',\r\n\t// \ttitle: t('blog.item6.title'),\r\n\t// \ttopic: t('blog.item6.topic'),\r\n\t// },\r\n\t// {\r\n\t// \timg: \"https://jade-sophisticated-cockroach-243.mypinata.cloud/ipfs/QmSqxWmPaCLodE69Ueb7P9MESvioFYXc3tkAiRYiEr9B75\",\r\n\t// \tcnImg: \"https://jade-sophisticated-cockroach-243.mypinata.cloud/ipfs/QmfAX4qkrkJKQR4o7ZMZFD4MUjss8yFHbdbC93kZ5gtgRq\",\r\n\t// \tdate: '2024/7/26',\r\n\t// \ttitle: t('blog.item7.title'),\r\n\t// \ttopic: t('blog.item7.topic'),\r\n\t// },\r\n\t// {\r\n\t// \timg: \"https://jade-sophisticated-cockroach-243.mypinata.cloud/ipfs/QmSF9v4DMFTrnPjUZAqcbcLu85UHsSRpr4RF9G3grQNJyn\",\r\n\t// \tcnImg: \"https://jade-sophisticated-cockroach-243.mypinata.cloud/ipfs/QmYotzzLRjkNHG9AtRo52XzvqcNkFNyMF1msnmeGD4VF5G\",\r\n\t// \tdate: '2024/8/3',\r\n\t// \ttitle: t('blog.item8.title'),\r\n\t// \ttopic: t('blog.item8.topic'),\r\n\t// },\r\n\t// {\r\n\t// \timg: '',\r\n\t// \tdate: '',\r\n\t// \ttitle: '',\r\n\t// \ttopic: '',\r\n\t// },\r\n]);\r\nconst go = (item) => {\r\n\twindow.open(item.linkUrl, '_blank');\r\n};\r\nconsole.log(locale.value);\r\nlet lang = 0;\r\nif (locale.value == 'zh') {\r\n\tlang = 1;\r\n} else {\r\n\tlang = 0;\r\n}\r\n// fetchData(lang) // axios请求在这里\r\n// \t.then((res) => {\r\n// \t\tconsole.log(res);\r\n// \t\t// blogList.value = res.data;\r\n// \t})\r\n// \t.catch((err) => {\r\n// \t\tconsole.log(err);\r\n// \t});\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n@media screen and (min-width: 768px) {\r\n\t.news {\r\n\t\twidth: 100%;\r\n\t\toverflow: auto;\r\n\t\theight: 100vh;\r\n\t\tbackground: #000000;\r\n\t\tcolor: #ffffff;\r\n\t\tmargin-top: -80px;\r\n\t\t.banner {\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 730px;\r\n\t\t\tbackground: url('../assets/new/pc_banner.png');\r\n\t\t\tbackground-size: 1920px 730px;\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: column;\r\n\t\t\t// justify-content: center;\r\n\t\t\tpadding: 230px 360px 0;\r\n\t\t\talign-items: center;\r\n\t\t\t.font {\r\n\t\t\t\twidth: 692px;\r\n\t\t\t\tcolor: #f5f5f5;\r\n\t\t\t\tfont-size: 50px;\r\n\t\t\t\tfont-style: normal;\r\n\t\t\t\tfont-weight: 500;\r\n\t\t\t\tline-height: normal;\r\n\t\t\t\ttext-align: center;\r\n\t\t\t\tcolor: #ca8232;\r\n\t\t\t\tmargin-bottom: 82px;\r\n\t\t\t}\r\n\t\t\t.item_box_title {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tfont-weight: 700;\r\n\t\t\t\tfont-size: 40px;\r\n\t\t\t\tmargin: 58px 0 32px;\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\tfont-weight: 400;\r\n\t\t\t\tfont-size: 56px;\r\n\t\t\t\tline-height: 70px;\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.body {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tjustify-content: space-between;\r\n\t\t\t\timg {\r\n\t\t\t\t\twidth: 892px;\r\n\t\t\t\t\theight: 410px;\r\n\t\t\t\t}\r\n\t\t\t\t.right {\r\n\t\t\t\t\twidth: 272px;\r\n\t\t\t\t\tfont-size: 18px;\r\n\t\t\t\t\tline-height: 33px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t.news_body {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\t.box {\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\tflex-wrap: wrap;\r\n\t\t\t\t\tjustify-content: space-between;\r\n\t\t\t\t\tbox-sizing: border-box;\r\n\t\t\t\t\t.item {\r\n\t\t\t\t\t\tmax-width: 24%;\r\n\t\t\t\t\t\twidth: 276px;\r\n\t\t\t\t\t\theight: 315px;\r\n\t\t\t\t\t\tcolor: rgba(101, 106, 111, 1);\r\n\t\t\t\t\t\tmargin-bottom: 64px;\r\n\t\t\t\t\t\tcursor: pointer;\r\n\t\t\t\t\t\tbox-sizing: border-box;\r\n\t\t\t\t\t\timg {\r\n\t\t\t\t\t\t\twidth: 276px;\r\n\t\t\t\t\t\t\theight: 180px;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t.title {\r\n\t\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t\t\tfont-size: 22px;\r\n\t\t\t\t\t\t\tfont-weight: 500;\r\n\t\t\t\t\t\t\tcolor: rgba(255, 255, 255, 1);\r\n\t\t\t\t\t\t\tmargin: 16px 0 20px;\r\n\t\t\t\t\t\t\toverflow: hidden;\r\n\t\t\t\t\t\t\ttext-overflow: ellipsis;\r\n\t\t\t\t\t\t\tdisplay: -webkit-box; //作为弹性伸缩盒子模型显示。\r\n\t\t\t\t\t\t\t-webkit-box-orient: vertical; //设置伸缩盒子的子元素排列方式--从上到下垂直排列\r\n\t\t\t\t\t\t\t-webkit-line-clamp: 3; //显示的行\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t.date {\r\n\t\t\t\t\t\t\tfont-size: 12px;\r\n\t\t\t\t\t\t\tcolor: rgba(255, 255, 255, 1);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\t.item:last-child {\r\n\t\t\t\t\t\tvisibility: hidden !important;\r\n\t\t\t\t\t\theight: 0 !important;\r\n\t\t\t\t\t\tborder: 0 !important;\r\n\t\t\t\t\t\tpadding: 0 !important;\r\n\t\t\t\t\t\tmargin: 0 !important;\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.news {\r\n\t\twidth: 100%;\r\n\t\tbackground: #000000;\r\n\t\tcolor: #ffffff;\r\n\t\t// margin-top: -80px;\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/new/h5_banner.png')\r\n\t\t\t\tno-repeat;\r\n\t\t\tbackground-size: 375px 203px;\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: column;\r\n\t\t\t// justify-content: center;\r\n\t\t\tpadding: 0 37px 0;\r\n\t\t\talign-items: center;\r\n\t\t\t.font {\r\n\t\t\t\twidth: 210px;\r\n\t\t\t\tcolor: #f5f5f5;\r\n\t\t\t\tfont-size: 24px;\r\n\t\t\t\tfont-style: normal;\r\n\t\t\t\tfont-weight: 700;\r\n\t\t\t\tline-height: normal;\r\n\t\t\t\ttext-align: center;\r\n\t\t\t\tcolor: #ca8232;\r\n\t\t\t\tmargin: 85px 0 62px;\r\n\t\t\t}\r\n\t\t\t.item_box_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: 500;\r\n\t\t\t\tfont-size: 28px;\r\n\t\t\t\tline-height: 35px;\r\n\t\t\t\tmargin-top: 82px;\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\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\ttext-align: center;\r\n\t\t\t\tfont-weight: 600;\r\n\t\t\t\tfont-size: 28px;\r\n\t\t\t\tmargin: 58px 0 32px;\r\n\t\t\t}\r\n\t\t\t.body {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tflex-direction: column;\r\n\t\t\t\tjustify-content: space-between;\r\n\t\t\t\timg {\r\n\t\t\t\t\twidth: 300px;\r\n\t\t\t\t\theight: 138px;\r\n\t\t\t\t\tmargin-bottom: 15px;\r\n\t\t\t\t}\r\n\t\t\t\t.right {\r\n\t\t\t\t\twidth: 300px;\r\n\t\t\t\t\tfont-size: 12px;\r\n\t\t\t\t\tline-height: 22px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t.news_body {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\t.box {\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\tflex-direction: column;\r\n\t\t\t\t\tflex-wrap: wrap;\r\n\t\t\t\t\tjustify-content: space-between;\r\n\t\t\t\t\tbox-sizing: border-box;\r\n\t\t\t\t\t.item {\r\n\t\t\t\t\t\t// max-width: 24%;\r\n\t\t\t\t\t\twidth: 300px;\r\n\t\t\t\t\t\theight: 307px;\r\n\t\t\t\t\t\tcolor: rgba(101, 106, 111, 1);\r\n\t\t\t\t\t\tmargin-bottom: 64px;\r\n\t\t\t\t\t\tcursor: pointer;\r\n\t\t\t\t\t\tbox-sizing: border-box;\r\n\t\t\t\t\t\tmargin-bottom: 40px;\r\n\t\t\t\t\t\timg {\r\n\t\t\t\t\t\t\twidth: 300px;\r\n\t\t\t\t\t\t\theight: 180px;\r\n\t\t\t\t\t\t\tborder-radius: 8px;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t.title {\r\n\t\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t\t\tfont-size: 20px;\r\n\t\t\t\t\t\t\tfont-weight: 500;\r\n\t\t\t\t\t\t\tcolor: rgba(255, 255, 255, 1);\r\n\t\t\t\t\t\t\tmargin: 19px 0;\r\n\t\t\t\t\t\t\toverflow: hidden;\r\n\t\t\t\t\t\t\ttext-overflow: ellipsis;\r\n\t\t\t\t\t\t\tdisplay: -webkit-box; //作为弹性伸缩盒子模型显示。\r\n\t\t\t\t\t\t\t-webkit-box-orient: vertical; //设置伸缩盒子的子元素排列方式--从上到下垂直排列\r\n\t\t\t\t\t\t\t-webkit-line-clamp: 3; //显示的行\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t.date {\r\n\t\t\t\t\t\t\tfont-size: 12px;\r\n\t\t\t\t\t\t\tfont-weight: 400;\r\n\t\t\t\t\t\t\tcolor: rgba(255, 255, 255, 1);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\t.item:last-child {\r\n\t\t\t\t\t\tvisibility: hidden !important;\r\n\t\t\t\t\t\theight: 0 !important;\r\n\t\t\t\t\t\tborder: 0 !important;\r\n\t\t\t\t\t\tpadding: 0 !important;\r\n\t\t\t\t\t\tmargin: 0 !important;\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 \"./news.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./news.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./news.vue?vue&type=style&index=0&id=1f98aba5&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-1f98aba5\"]])\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!./news.vue?vue&type=style&index=0&id=1f98aba5&scoped=true&lang=scss\"","module.exports = __webpack_public_path__ + \"img/new1.da88b4da.png\";"],"sourceRoot":""}