{"version":3,"sources":["webpack:///./src/views/blog.vue?d846","webpack:///./src/views/blog.vue","webpack:///./src/views/blog.vue?675c"],"names":["t","locale","useI18n","router","useRouter","blogList","ref","img","cnImg","date","title","topic","go","i","push","path","query","type","lang","value","__exports__"],"mappings":"wGAAA,W,0SCiCA,MAAM,EAAEA,EAAC,OAAEC,GAAWC,iBAGhBC,EAASC,iBACTC,EAAWC,eAAI,CACpB,CACCC,IAAK,8GACLC,MAAO,8GACPC,KAAM,YACNC,MAAOV,EAAE,oBACTW,MAAOX,EAAE,qBAEV,CACCO,IAAK,8GACLC,MAAO,8GACPC,KAAM,YACNC,MAAOV,EAAE,oBACTW,MAAOX,EAAE,qBAEV,CACCO,IAAK,8GACLC,MAAO,8GACPC,KAAM,WACNC,MAAOV,EAAE,oBACTW,MAAOX,EAAE,qBAEV,CACCO,IAAK,8GACLC,MAAO,8GACPC,KAAM,YACNC,MAAOV,EAAE,oBACTW,MAAOX,EAAE,qBAEV,CACCO,IAAK,8GACLC,MAAO,8GACPC,KAAM,YACNC,MAAOV,EAAE,oBACTW,MAAOX,EAAE,qBAEV,CACCO,IAAK,8GACLC,MAAO,8GACPC,KAAM,YACNC,MAAOV,EAAE,oBACTW,MAAOX,EAAE,qBAEV,CACCO,IAAK,8GACLC,MAAO,8GACPC,KAAM,YACNC,MAAOV,EAAE,oBACTW,MAAOX,EAAE,qBAEV,CACCO,IAAK,8GACLC,MAAO,8GACPC,KAAM,WACNC,MAAOV,EAAE,oBACTW,MAAOX,EAAE,qBAEV,CACCO,IAAK,GACLE,KAAM,GACNC,MAAO,GACPC,MAAO,MAGHC,EAAMC,IACXV,EAAOW,KAAK,CACXC,KAAM,WACNC,MAAO,CAAEC,KAAMJ,MAGjB,IAAIK,EAAO,E,OAEVA,EADmB,MAAhBjB,EAAOkB,MACH,EAEA,E,4pBCzGR,MAAMC,EAA2B,IAAgB,EAAQ,CAAC,CAAC,YAAY,qBAExD,gB","file":"js/blog.c4c6cef9.js","sourcesContent":["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!./blog.vue?vue&type=style&index=0&id=3a412335&scoped=true&lang=scss\"","<template>\r\n\t<div class=\"blog\">\r\n\t\t<div class=\"banner\">\r\n\t\t\t<!-- <img class=\"font\" src=\"../assets/news/font.png\" alt=\"\" /> -->\r\n\t\t\t<div class=\"font\">\r\n\t\t\t\t{{ $t('blog.AMANews')}}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"body\">\r\n\t\t\t<div class=\"box\">\r\n\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<!-- <div class=\"tag\">NEW</div> -->\r\n\t\t\t\t\t<img :src=\"locale == 'zh' ? item.cnImg : item.img\" alt=\"\" class=\"img\" />\r\n\t\t\t\t\t<div class=\"title\">\r\n\t\t\t\t\t\t{{ item.title }}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"font\" :title=\"item.topic\">\r\n\t\t\t\t\t\t{{ item.topic }}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"date\">\r\n\t\t\t\t\t\t{{ item.date }}\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\nimport { fetchData } from '@/api/index';\r\n\r\nconst { t, locale } = useI18n();\r\nimport { useRouter } from 'vue-router';\r\n\r\nconst router = useRouter();\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 = (i) => {\r\n\trouter.push({\r\n\t\tpath: '/avaNews',\r\n\t\tquery: { type: i },\r\n\t});\r\n};\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\tblogList.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 (max-width: 768px) {\r\n}\r\n@media screen and (min-width: 768px) {\r\n\t.blog {\r\n\t\twidth: 100%;\r\n\t\toverflow: auto;\r\n\t\theight: auto;\r\n\t\tbackground: #000000;\r\n\t\tcolor: #ffffff;\r\n\t\t.banner {\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 300px;\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: space-around;\r\n\t\t\talign-items: center;\r\n\t\t\t.font {\r\n\t\t\t\twidth: 538px;\r\n\t\t\t\tcolor: #f5f5f5;\r\n\t\t\t\tfont-size: 64px;\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}\r\n\t\t}\r\n\t\t.body {\r\n\t\t\twidth: 100%;\r\n\t\t\tpadding: 60px 240px 50px;\r\n\t\t\t.box {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tflex-wrap: wrap;\r\n\t\t\t\tjustify-content: space-between;\r\n\t\t\t\tbox-sizing: border-box;\r\n\t\t\t\t// .item:nth-child(3n) {\r\n\t\t\t\t// \tmargin-right: 0;\r\n\t\t\t\t// }\r\n\t\t\t\t.item {\r\n\t\t\t\t\tmax-width: 33%;\r\n\t\t\t\t\twidth: 448px;\r\n\t\t\t\t\theight: 468px;\r\n\t\t\t\t\tfont-size: 14px;\r\n\t\t\t\t\tfont-weight: 400;\r\n\t\t\t\t\tcolor: rgba(101, 106, 111, 1);\r\n\t\t\t\t\tmargin-bottom: 26px;\r\n\t\t\t\t\tcursor: pointer;\r\n\t\t\t\t\t// margin-right: 48px;\r\n\t\t\t\t\tbox-sizing: border-box;\r\n\t\t\t\t\timg {\r\n\t\t\t\t\t\twidth: 448px;\r\n\t\t\t\t\t\theight: 252px;\r\n\t\t\t\t\t}\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: 24px;\r\n\t\t\t\t\t\tfont-weight: 700;\r\n\t\t\t\t\t\tcolor: rgba(255, 255, 255, 1);\r\n\t\t\t\t\t\tmargin-bottom: 6px;\r\n\t\t\t\t\t\toverflow: hidden;\r\n\t\t\t\t\t\ttext-overflow: ellipsis;\r\n\t\t\t\t\t\tdisplay: -webkit-box; //作为弹性伸缩盒子模型显示。\r\n\t\t\t\t\t\t-webkit-box-orient: vertical; //设置伸缩盒子的子元素排列方式--从上到下垂直排列\r\n\t\t\t\t\t\t-webkit-line-clamp: 3; //显示的行\r\n\t\t\t\t\t}\r\n\t\t\t\t\t.date {\r\n\t\t\t\t\t\tfont-size: 22px;\r\n\t\t\t\t\t\tcolor: rgba(255, 255, 255, 1);\r\n\t\t\t\t\t}\r\n\t\t\t\t\t.font {\r\n\t\t\t\t\t\tfont-size: 18px;\r\n\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t\tcolor: rgba(255, 255, 255, 0.7);\r\n\t\t\t\t\t\toverflow: hidden;\r\n\t\t\t\t\t\ttext-overflow: ellipsis;\r\n\t\t\t\t\t\tdisplay: -webkit-box; //作为弹性伸缩盒子模型显示。\r\n\t\t\t\t\t\t-webkit-box-orient: vertical; //设置伸缩盒子的子元素排列方式--从上到下垂直排列\r\n\t\t\t\t\t\t-webkit-line-clamp: 3; //显示的行\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t.item:last-child {\r\n\t\t\t\t\tvisibility: hidden !important;\r\n\t\t\t\t\theight: 0 !important;\r\n\t\t\t\t\tborder: 0 !important;\r\n\t\t\t\t\tpadding: 0 !important;\r\n\t\t\t\t\tmargin: 0 !important;\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 \"./blog.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./blog.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./blog.vue?vue&type=style&index=0&id=3a412335&scoped=true&lang=scss\"\n\nimport exportComponent from \"D:\\\\dev\\\\javaProjects\\\\m3dao\\\\m3-official\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-3a412335\"]])\n\nexport default __exports__"],"sourceRoot":""}