转成换行\nexport const getSpecLine = (text, lang) => {\n if (lang !== 'ko') {\n return text;\n }\n // 韩语处理\n let words = text.split('
');\n return (\n <>\n {words.map((word, index) => (\n <>\n {word}\n {words.length - 1 !== index &&
}\n \n ))}\n \n );\n};\n","import { CookieBanner } from '@fe/game-sdk';\n\n// 默认拒绝收集用户数据 tie1\nexport const countryTier1 = [\n 'AT',\n 'BE',\n 'BG',\n 'HR',\n 'CY',\n 'CZ',\n 'DK',\n 'EE',\n 'FI',\n 'FR',\n 'DE',\n 'GR',\n 'HU',\n 'IE',\n 'IT',\n 'LV',\n 'LT',\n 'LU',\n 'MT',\n 'NL',\n 'PL',\n 'PT',\n 'RO',\n 'SK',\n 'SI',\n 'ES',\n 'SE',\n 'IS',\n 'LI',\n 'NO',\n 'GB',\n 'CH',\n 'TR'\n];\n// 默认同意收集 tie2\nexport const countryTier2 = ['BR', 'MX', 'UY', 'AR', 'CO'];\n\nlet initFacebook = false;\nlet initSnapchat = false;\nlet initGoogle = false;\nlet initTwitter = false;\nlet initTiktok = false;\nlet initReddit = false;\n\nconst initFacebookPixel = (enable) => {\n // head内\n try {\n window._cookie_fb_switch_ = enable;\n if (!enable) {\n return;\n }\n if (initFacebook) {\n return;\n }\n let head = document.getElementsByTagName('head')[0];\n let script = document.createElement('script');\n script.innerHTML = `\n !function(f,b,e,v,n,t,s)\n {if(f.fbq)return;n=f.fbq=function(){n.callMethod?\n n.callMethod.apply(n,arguments):n.queue.push(arguments)};\n if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\n n.queue=[];t=b.createElement(e);t.async=!0;\n t.src=v;s=b.getElementsByTagName(e)[0];\n s.parentNode.insertBefore(t,s)}(window, document,'script',\n 'https://connect.facebook.net/en_US/fbevents.js');\n fbq('init', '1393750854471514');\n fbq('track', 'PageView');\n `;\n head.appendChild(script);\n initFacebook = true;\n } catch (e) {}\n};\nconst initSnapchatPixel = (enable) => {\n // head内\n try {\n window._cookie_sp_switch_ = enable;\n if (!enable) {\n return;\n }\n if (initSnapchat) {\n return;\n }\n let head = document.getElementsByTagName('head')[0];\n let script = document.createElement('script');\n script.innerHTML = `\n (function(e,t,n){if(e.snaptr)return;var a=e.snaptr=function()\n {a.handleRequest?a.handleRequest.apply(a,arguments):a.queue.push(arguments)};\n a.queue=[];var s='script';r=t.createElement(s);r.async=!0;\n r.src=n;var u=t.getElementsByTagName(s)[0];\n u.parentNode.insertBefore(r,u);})(window,document,\n 'https://sc-static.net/scevent.min.js');\n \n snaptr('init', '41a681f3-2d36-49cd-8389-fdc0fe1adb51', {\n 'user_email': '__INSERT_USER_EMAIL__'\n });\n \n snaptr('track', 'PAGE_VIEW');\n `;\n head.appendChild(script);\n initSnapchat = true;\n } catch (e) {}\n};\nconst initGooglePixel = (enable) => {\n // head内\n try {\n window._cookie_gg_switch_ = enable;\n if (!enable) {\n return;\n }\n if (initGoogle) {\n return;\n }\n let head = document.getElementsByTagName('head')[0];\n let scriptLink = document.createElement('script');\n let scriptCode = document.createElement('script');\n scriptLink.src = 'https://www.googletagmanager.com/gtag/js?id=AW-10892319757';\n scriptLink.async = true;\n scriptCode.innerHTML = `\n window.dataLayer = window.dataLayer || [];\n function gtag() {\n dataLayer.push(arguments);\n }\n gtag('js', new Date());\n\n gtag('config', 'AW-10892319757');\n `;\n head.appendChild(scriptLink);\n head.appendChild(scriptCode);\n initGoogle = true;\n } catch (e) {}\n};\nconst initTwitterPixel = (enable) => {\n // head内\n try {\n window._cookie_tw_switch_ = enable;\n if (!enable) {\n return;\n }\n if (initTwitter) {\n return;\n }\n let head = document.getElementsByTagName('head')[0];\n let script = document.createElement('script');\n script.src = '//static.ads-twitter.com/oct.js';\n head.appendChild(script);\n initTwitter = true;\n } catch (e) {}\n};\nconst initTikTokPixel = (enable) => {\n // head内\n try {\n window._cookie_tt_switch_ = enable;\n if (!enable) {\n return;\n }\n if (initTiktok) {\n return;\n }\n let head = document.getElementsByTagName('head')[0];\n let script = document.createElement('script');\n script.innerHTML = `\n !(function (w, d, t) {\n w.TiktokAnalyticsObject = t;\n var ttq = (w[t] = w[t] || []);\n (ttq.methods = [\n 'page',\n 'track',\n 'identify',\n 'instances',\n 'debug',\n 'on',\n 'off',\n 'once',\n 'ready',\n 'alias',\n 'group',\n 'enableCookie',\n 'disableCookie'\n ]),\n (ttq.setAndDefer = function (t, e) {\n t[e] = function () {\n t.push([e].concat(Array.prototype.slice.call(arguments, 0)));\n };\n });\n for (var i = 0; i < ttq.methods.length; i++) ttq.setAndDefer(ttq, ttq.methods[i]);\n (ttq.instance = function (t) {\n for (var e = ttq._i[t] || [], n = 0; n < ttq.methods.length; n++)\n ttq.setAndDefer(e, ttq.methods[n]);\n return e;\n }),\n (ttq.load = function (e, n) {\n var i = 'https://analytics.tiktok.com/i18n/pixel/events.js';\n (ttq._i = ttq._i || {}),\n (ttq._i[e] = []),\n (ttq._i[e]._u = i),\n (ttq._t = ttq._t || {}),\n (ttq._t[e] = +new Date()),\n (ttq._o = ttq._o || {}),\n (ttq._o[e] = n || {});\n var o = document.createElement('script');\n (o.type = 'text/javascript'), (o.async = !0), (o.src = i + '?sdkid=' + e + '&lib=' + t);\n var a = document.getElementsByTagName('script')[0];\n a.parentNode.insertBefore(o, a);\n });\n\n ttq.load('C9UGU4JC77UCFR8RBVPG');\n ttq.page();\n })(window, document, 'ttq');\n `;\n head.appendChild(script);\n initTiktok = true;\n } catch (e) {}\n};\nconst initRedditPixel = (enable) => {\n // head内\n try {\n window._cookie_rd_switch_ = enable;\n if (!enable) {\n return;\n }\n if (initReddit) {\n return;\n }\n let head = document.getElementsByTagName('head')[0];\n let script = document.createElement('script');\n script.innerHTML = `\n !function(w,d){if(!w.rdt){var p=w.rdt=function(){p.sendEvent?p.sendEvent.apply(p,arguments):p.callQueue.push(arguments)};p.callQueue=[];var t=d.createElement(\"script\");t.src=\"https://www.redditstatic.com/ads/pixel.js\",t.async=!0;var s=d.getElementsByTagName(\"script\")[0];s.parentNode.insertBefore(t,s)}}(window,document);rdt('init','t2_micbqy3r');rdt('track', 'PageVisit');\n `;\n head.appendChild(script);\n initReddit = true;\n } catch (e) {}\n};\n\nexport const controlCookie = (data) => {\n let keys = Object.keys(data);\n keys.forEach((key) => {\n let item = data[key];\n let name = item.name.toLowerCase();\n if (name.indexOf('meta') > -1) {\n initFacebookPixel(item.enable);\n } else if (name.indexOf('snapchat') > -1) {\n initSnapchatPixel(item.enable);\n } else if (name.indexOf('google') > -1) {\n initGooglePixel(item.enable);\n } else if (name.indexOf('twitter') > -1) {\n initTwitterPixel(item.enable);\n } else if (name.indexOf('tiktok') > -1) {\n initTikTokPixel(item.enable);\n } else if (name.indexOf('reddit') > -1) {\n initRedditPixel(item.enable);\n }\n });\n};\n\nexport const acceptAllCookie = () => {\n initFacebookPixel(true);\n initSnapchatPixel(true);\n initGooglePixel(true);\n initTwitterPixel(true);\n initTikTokPixel(true);\n initRedditPixel(true);\n};\n\nexport const getCountrySiteConfig = (countryCode) => {\n if (!countryCode) {\n return;\n }\n if (countryTier1.some((country) => country === countryCode)) {\n return {\n appId: 262304,\n website: 93,\n page: 6,\n block: 31,\n channel: 37,\n language: 'en-US',\n region: 'va'\n };\n } else if (countryTier2.some((country) => country === countryCode)) {\n return {\n appId: 262304,\n website: 93,\n page: 6,\n block: 31,\n channel: 38,\n language: 'en-US',\n region: 'va'\n };\n } else {\n return null;\n }\n};\n\nexport const initCookieControl = ({ currentCity, ref, done }) => {\n const siteConfig = getCountrySiteConfig(currentCity);\n if (!siteConfig && currentCity !== 'US') {\n // 不需要cookie弹窗，并初始化所有pixel\n acceptAllCookie();\n return;\n }\n // 获取配置数据\n ref.current = new CookieBanner({\n siteParam: siteConfig,\n needOptOut: currentCity === 'US',\n optOutOptions: {\n el: '#opt-out-button',\n appId: '262304',\n onAcceptAll: () => {\n acceptAllCookie();\n },\n onRejectAll: () => console.info('[reject-all]')\n }\n });\n if (currentCity === 'US') {\n // 美国 不需要执行下面的cookie-setting\n return;\n }\n ref.current.listen('ready', () => {\n let status = ref.current.getStatus();\n if (status.code == 0) {\n // 第一次需要监听接受or拒绝数据\n ref.current.listen('acceptAll', (data) => {\n controlCookie(data);\n });\n ref.current.listen('rejectAll', (data) => {\n controlCookie(data);\n });\n } else {\n // 接受或者拒绝过，需要初始化对应的sdk & 管控参数\n let data = ref.current.getSetting();\n controlCookie(data);\n }\n ref.current.listen('save', (data) => {\n controlCookie(data);\n });\n });\n\n done();\n};\n","import 'whatwg-fetch';\n\nconsole.info('--polyfill--');\n","import i18n from 'i18next';\nimport LanguageDetector from 'i18next-browser-languagedetector';\nimport { initReactI18next } from 'react-i18next';\nimport Starling from '@ies/starling_client';\nimport Cookies from 'js-cookie';\nimport { localBrowserLanguageDetecter } from '../../utils/credits';\n\nconst starlingOptions: any = {\n api_key: '4ab7d06029a011edb233c11c2b8a3138',\n namespace: ['snap_website'],\n zoneHost: 'https://starling-oversea.byteoversea.com',\n // locale: 'en',\n // test: location.host === 'act-va.bytedance.net', // TODO 线上环境注释\n fallbackLang: ['en']\n};\n\nconst getCurrentLanguage = () => {\n const lang = Cookies.get('i18next');\n return lang;\n};\n\nconst getLocalStarlingText = (lang: string) => {\n const key = `text.${starlingOptions.api_key}.${starlingOptions.namespace[0]}.${lang}`;\n const text = localStorage.getItem(key);\n if (text) {\n try {\n return JSON.parse(text);\n } catch {\n //\n }\n }\n return null;\n};\n\nclass Backend {\n static type: string = 'backend';\n services: any;\n options: any;\n constructor(services, options = {}) {\n this.init(services, options);\n }\n init(services, options = {}) {\n this.services = services;\n this.options = options;\n }\n read(locale, namespace, callback) {\n const starling = new Starling({ ...this.options, namespace, locale });\n starling.load((result) => {\n callback(null, result);\n });\n }\n}\n\nconst initI18n = () => {\n i18n\n .use(Backend as any)\n .use(initReactI18next)\n .use(LanguageDetector)\n .init({\n // 优先通过语言检测，如果未检测出，会用该降级语言\n fallbackLng: 'en',\n // load: 'languageOnly', // we only provide en, de -> no region specific locals like en-US, de-DE\n // have a common namespace used around the full app\n ns: ['snap_website'],\n defaultNS: 'snap_website',\n saveMissing: true,\n debug: false,\n react: {\n useSuspense: false\n },\n interpolation: {\n escapeValue: false,\n prefix: '{',\n suffix: '}'\n },\n // wait: process && !process.release,\n detection: {\n caches: ['cookie', 'localStorage'],\n order: [\n // 'querystring',\n 'cookie',\n 'localStorage',\n 'navigator',\n // 'htmlTag',\n // 'path',\n // 'subdomain'\n ],\n cookieMinutes: 60 * 24 * 365,\n // lookupQuerystring: 'lng',\n lookupCookie: 'i18next',\n lookupLocalStorage: 'i18nextLng'\n },\n backend: starlingOptions\n });\n\n const localLng = getCurrentLanguage();\n // console.log('localLng', localLng)\n const localTexts = getLocalStarlingText(localLng);\n if (localTexts) {\n // console.log('cache txt', localTexts)\n i18n.addResources(localLng, 'snap_website', localTexts);\n try {\n const starling = new Starling({ ...starlingOptions, locale: localLng });\n starling.load(result => {\n // console.log('reload txt', result);\n i18n.addResources(localLng, 'snap_website', result);\n });\n } catch (_) { }\n } else {\n let dfl = localBrowserLanguageDetecter();\n console.log('dfl', dfl)\n i18n.changeLanguage(dfl);\n }\n // \n // 监听语言变化，自动设置对应的预约title\n i18n.on('languageChanged', function (lng) {\n try {\n console.log('lng', lng)\n // console.log('now title:', document.title, '\\nnow lang:', localLng);\n // console.log(i18n.t('begin'))\n let title = i18n.t('page_title');\n document.title = title !== 'page_title' ? title : 'MARVEL SNAP - Dominate the Marvel Multiverse in High-Speed Card Battling Action';\n } catch (_) { }\n })\n};\n\nif (typeof window !== 'undefined') {\n initI18n();\n}\n","import { Tea } from '@fe/game-sdk';\n\nconst btnClick = (\n component_text: string,\n page_text = 'snap官网',\n process_type = '999',\n is_core = '1'\n) => {\n Tea.sendLogV3('acv_button_touch', {\n component_text,\n page_text,\n\n process_type,\n is_core,\n component_name: 'BE_NULL',\n process_id: 'BE_NULL',\n component_id: 'BE_NULL'\n });\n};\nconst btnSend = (\n component_text: string,\n is_success = '',\n page_text = 'snap官网',\n process_type = '999',\n is_core = '1'\n) => {\n Tea.sendLogV3('acv_button_touch', {\n component_text,\n is_success,\n page_text,\n\n process_type,\n is_core,\n component_name: 'BE_NULL',\n process_id: 'BE_NULL',\n component_id: 'BE_NULL'\n });\n};\nconst pageView = (page_text, news_id = '') => {\n Tea.sendLogV3('acv_pageview', {\n page_text,\n news_id\n });\n};\nexport const logSendEmail = (isSend) => {\n btnSend('email_register', isSend);\n};\n\nexport const logTopScrollEamil = () => {\n btnClick('top_register');\n};\n\nexport const logWatchYouTube = () => {\n btnClick('watch_trailer');\n};\n\nexport const logAssociationLink = (channel) => {\n btnClick('social_media', channel);\n};\n\nexport const logAgreeCookie = () => {\n btnClick('cookie');\n};\n\nexport const logNextNews = () => {\n btnClick('next_news');\n};\n\nexport const logPrevNews = () => {\n btnClick('previous_news');\n};\nexport const logMoreNews = () => {\n btnClick('load_more_news');\n};\n\nexport const logBigPic = (url) => {\n btnClick('press_content', url);\n};\n\nexport const logDownPic = (picSource) => {\n btnClick('press_download', picSource);\n};\n// pageView\nexport const logViewHome = (homeView) => {\n pageView(homeView);\n};\n\nexport const logDetail = (dtlId) => {\n pageView('news_detail', dtlId);\n};\nexport const logMedia = () => {\n pageView('press_kit');\n};\n","export default function _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}","/* eslint-disable import/no-anonymous-default-export */\nexport default {\n appId: 262304,\n actId: 136,\n appName: 'appName',\n region: 'sg',\n enableShark: false,\n title: 'snap官网',\n description: '描述',\n image: ''\n};\n","import React from 'react';\nimport './index.less';\n\nexport default function DomainLimit() {\n // starling-disable-next-line\n return
Currently not available in your country or region
;\n}\n","/* eslint-disable */\nimport { useTranslation } from 'react-i18next';\nimport React, { useState, useEffect, useRef, useMemo } from 'react';\nimport useAreaLimit from '../../common/hooks/useAreaLimit';\nimport { initCookieControl } from '../../common/cookieControl/index';\nimport {\n termOfService,\n secondDinnerPrivacyNotice,\n nuversePrivacyNotice\n} from '../../utils/footerLink';\nimport { customRedirect } from '../../utils/link/goPage';\nimport { getSpecFont } from '../../utils/fontClass/index';\nimport './index.less';\nimport { PrivacyUpdatePop } from '@fe/game-sdk';\nimport { langMap } from '../../common/services/siteData';\n\nexport default function FooterForPC({ customStyle }) {\n const { t, i18n } = useTranslation();\n const [needCookieSetting, setSetting] = useState(false);\n const { currentCity } = useAreaLimit();\n const cookie = useRef(null);\n const [links, setLinks] = useState({\n term: '',\n nuverse: '',\n second: ''\n });\n const [nvsLink, setNvsLink] = useState('');\n const [canShowFuntap, setCanShowFuntap] = useState(false);\n\n const logoName = useMemo(() => {\n if (i18n.language === 'zh-TW') {\n return 'kere';\n }\n return 'nvsgames';\n }, [t]);\n\n const showCookieSetting = () => {\n cookie.current.showSideBanner(false);\n };\n\n const goCreditsPage = () => {\n customRedirect('./credits', true);\n };\n\n useEffect(() => {\n if (!!currentCity) {\n initCookieControl({\n currentCity: currentCity,\n ref: cookie,\n done: () => {\n setSetting(true);\n }\n });\n }\n }, [currentCity]);\n\n useEffect(() => {\n let lang = i18n.language;\n let term = termOfService[lang];\n let nuverse = nuversePrivacyNotice[lang];\n let second = secondDinnerPrivacyNotice[lang];\n setLinks({\n term: term,\n nuverse: nuverse,\n second: second\n });\n setCanShowFuntap(i18n.language === 'vi');\n }, [t]);\n\n // 初始化协议更新弹窗\n useEffect(() => {\n new PrivacyUpdatePop({\n language: langMap[i18n?.language] || 'en-US',\n siteConfig: {\n appId: 262304,\n website: 93,\n page: 25,\n block: 71,\n channel: 71,\n region: 'va'\n },\n onInit: (popInstance) => {\n setNvsLink(popInstance.privacyUrl);\n }\n })\n }, [i18n?.language]);\n\n return (\n \n
\n );\n}\n","import React from 'react';\nimport {CSSTransition} from 'react-transition-group';\nimport './style.less';\n\nexport default function Modal({show, onClose, showClose = true, children}) {\n return (\n \n \n \n \n {/* {canShowFuntap && } */}\n {i18n.language === 'zh-TW' && }\n
\n \n \n {t('contact_us')}\n \n \n {t('faq')}\n \n {needCookieSetting && (\n \n {t('cookie_settings')}\n \n )}\n \n {t('credits')}\n \n
\n \n \n {t('second_dinner_privacy_notice')}\n \n \n {t('nuverse_privacy_notice')}\n \n \n {t('terms_of_service')}\n \n \n {t('cookie_policy').toUpperCase()}\n \n \n
\n © MARVEL
\n\n
\n \n
\n \n {children}\n {showClose && }\n
\n \n {\n window.open('https://www.marvelsnap.com/creators');\n }}\n >\n {t('creators_link')}\n
\n <>\n {appendData.map((item, index) => {\n if (item.type === 'nav') {\n // 二级菜单类型\n return (\n \n {\n window.open(\n `https://pay-va.nvsgames.com/topup/262304/${\n lang2RedeemMap[language] || 'us-en'\n }#tab=cdk`\n );\n }}\n >\n {t('redeem_code')}\n
\n \n {t('game')}\n
\n \n
\n \n \n {t('how_to_play')}\n \n
\n \n \n {t('leader_board')}\n \n
\n {/* \n {t('battle_recap')}\n
*/}\n {gameData.map((item) => (\n \n
\n \n \n {t('days_of_future')}\n \n
\n \n \n {t('animals_assemble_season')}\n \n
\n \n \n {t(item.key)}\n \n
\n ))}\n \n {t('news')}\n
\n \n {t(item.key)}\n
\n );\n }\n // link类型\n return (\n \n {t(item.key)}\n \n );\n })}\n \n \n \n \n {item.child.map((item) => (\n
\n \n \n {t(item.key)}\n \n
\n ))}\n \n
\n {/* \n {/* starling-disable-next-line */}\n {languageLabel}\n
\n \n {LANGs.map((item, index) => (\n handleLangChange(item)}\n >\n {item.label}\n
\n ))}\n {t('log_in')}
*/}\n setShowDownload(true)}>\n {t('download')}\n \n {rechargeLink && (\n \n {t('top_up')}\n \n )}\n \n\n {/* 下载弹窗 */}\n \n
\n {t('download_marvel_snap')}
\n \n\n
\n \n reportTea('android')}\n >\n
\n \n reportTea('ios')}\n >\n
\n \n reportTea('pc')}\n >\n
\n \n reportTea('android')}\n >\n 
\n \n reportTea('ios')}\n >\n 
\n */}\n
*/}\n \n );\n}\n","import { useTranslation } from 'react-i18next';\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\nimport '../../../utils/hoverCss/index.less';\nimport './index.less';\nimport { customRedirect } from '~/utils/link/goPage';\nimport { getTime } from '~/utils/getTime';\nimport { getSpecFont, getSpecLine } from '~/utils/fontClass/index';\nimport { getNews } from '~/common/services/siteData';\n\nexport default function Section02() {\n const { t, i18n } = useTranslation();\n const lock = useRef(false);\n const cache = useRef({});\n const [newsLength, setNewsLength] = useState(0);\n const [news, setNews] = useState([]);\n const heroDom = useRef(null);\n const onReadMore = () => {\n customRedirect('./newslist');\n try {\n (window as any)._cookie_fb_switch_ && (window as any).fbq('track', 'Search');\n (window as any)._cookie_sp_switch_ && (window as any).snaptr('track', 'SEARCH');\n (window as any)._cookie_tt_switch_ && (window as any).ttq.track('Search');\n (window as any)._cookie_gg_switch_ && (window as any).gtag_report_conversion3();\n (window as any)._cookie_tw_switch_ &&\n (window as any).twttr.conversion.trackPid('o8quo', {\n tw_sale_amount: 0,\n tw_order_quantity: 0\n });\n (window as any)._cookie_rd_switch_ && (window as any).rdt('track', 'Search');\n } catch (_) {}\n };\n\n const goDetail = useCallback((curTab) => {\n // logDetail(`${curTab.description}-${curTab.id}`);\n if (curTab.url) {\n customRedirect(curTab.url, true);\n return;\n }\n customRedirect(`./newsdetail?id=${curTab.id}`, false);\n }, []);\n const styleHeight = useCallback(() => {\n if (newsLength === 1) {\n return '12.23rem';\n } else if (newsLength === 2) {\n return '10.53rem';\n } else {\n return '12.88rem';\n }\n }, [newsLength]);\n\n const specScale = useCallback((lang) => {\n if (lang === 'fr') {\n return { transform: 'scale(0.8)' };\n }\n return {};\n }, []);\n\n useEffect(() => {\n // 获取置顶的3条新闻\n const init = async () => {\n let lang = i18n.language;\n if (cache.current[lang]) {\n let data = cache.current[lang];\n setNews(data);\n setNewsLength(data.length);\n return;\n }\n if (lock.current) {\n return;\n }\n lock.current = true;\n const res = await getNews({\n type: 'ALL',\n page: 1,\n size: 10,\n language: lang\n });\n let data = res.data.slice(0, 3);\n setNews(data);\n setNewsLength(data.length);\n lock.current = false;\n cache.current[lang] = data;\n };\n init();\n }, [t]);\n\n return (\n \n
\n {!!youTubeLink && (\n \n {videoPop && (\n <>\n \n
\n closeVideo()}>
\n \n )}\n \n \n \n \n
\n )}\n\n \n {t('download_now!')}\n
\n {/* \n reportTea('android')}\n >\n \n \n reportTea('ios')}\n >\n \n \n reportTea('pc')}\n >\n 
\n \n
\n {/* \n \n {t('send_email_sidebutton')}\n \n \n \n
\n \n
\n\n {/* superHero */}\n \n \n
\n {/* 只有一篇新闻 */}\n {newsLength <= 1 &&\n news.map((item, index) => {\n return (\n \n \n {t('latest_news')}\n
\n onReadMore()}>\n {t('read_more')}\n \n
\n goDetail(item)}>\n
\n );\n })}\n\n {/* 只有两篇新闻兼容 */}\n {newsLength === 2 && (\n \n \n 
\n
\n \n
\n \n {item?.description}\n
\n \n {item?.title}\n
\n \n {getTime(item?.update_at * 1000, 'MM/dd/yyyy')}\n
\n \n \n {news.map((item, index) => {\n return (\n
\n )}\n\n {/* 3偏以上 */}\n {newsLength > 2 && (\n goDetail(item)}>\n
\n );\n })}\n \n \n \n
\n\n \n {item?.description}\n
\n \n {item?.title}\n
\n\n \n {getTime(item?.update_at * 1000, 'MM/dd/yyyy')}\n
\n \n {news.map((item, index) => {\n return (\n
\n )}\n goDetail(item)}>\n
\n );\n })}\n \n \n \n
\n\n \n {item?.description}\n
\n \n {item?.title}\n
\n\n \n {getTime(item?.update_at * 1000, 'MM/dd/yyyy')}\n
\n \n
\n \n );\n}\n","import { useTranslation } from 'react-i18next';\n/* eslint-disable prefer-const */\n/* eslint-disable max-statements */\n/* eslint-disable no-useless-return */\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\nimport '../../../utils/hoverCss/index.less';\nimport './index.less';\nimport { customRedirect } from '~/utils/link/goPage';\nimport { logAssociationLink, logMedia } from '~/utils/log';\nimport { getSpecFont } from '~/utils/fontClass/index';\nimport { getSocialLink } from '~/common/services/siteData';\n\nexport default function Section03() {\n const { t, i18n } = useTranslation();\n const lock = useRef(false);\n const [links, setLinks] = useState([]);\n const linkCache = useRef({});\n\n const openChannel = (item) => {\n logAssociationLink(item?.title);\n window.open(item?.url);\n };\n\n const openDownLink = () => {\n // window.open('https://survey.isnssdk.com/q/49301/9m4Z22AQ/8622/');\n window.open('https://www.marvelsnap.com/creatorprogram');\n };\n const openCreatorprogram = () => {\n location.href = 'https://www.marvelsnap.com/creators';\n };\n\n const openMediaPage = useCallback(() => {\n logMedia();\n customRedirect('./medialist');\n }, []);\n\n useEffect(() => {\n const init = async () => {\n let lang = i18n.language;\n\n if (linkCache.current[lang]) {\n setLinks(linkCache.current[lang]);\n return;\n }\n if (lock.current) {\n return;\n }\n lock.current = true;\n let data = await getSocialLink(lang);\n lock.current = false;\n setLinks(data);\n linkCache.current[lang] = data;\n };\n init();\n }, [t]);\n\n const launchTo = (link: string) => {\n window.open(link);\n };\n return (\n \n
\n \n {t('overview')}\n
\n \n {getSpecLine(t('collect_deploy_destroy'), i18n.language)}\n
\n \n {getSpecLine(t('marvel_snap_unleashes_the_complete'), i18n.language)}\n
\n \n \n
\n \n
\n );\n}\n","import React from 'react';\nimport './Container.less';\nimport BaseContainer from '../components/BaseContainer';\nimport Header from '../components/HeaderForPC';\nimport Footer from '../components/FooterForPC';\nimport Section01 from './components/section01';\nimport Section02 from './components/section02';\nimport Section03 from './components/section03';\n// import SendMail from './components/sendmail';\nimport useFloatUp from '~/common/hooks/useFloatUp';\nimport useAreaLimit from '~/common/hooks/useAreaLimit';\nimport DomainLimit from '~/components/domainLimit';\n\nconst floatConfig = {\n list: ['sec1', 'sec2', 'sec3', 'sec4', 'sec5'],\n LogList: [\n { id: 'sec1', name: 'homepage' },\n { id: 'sec2', name: 'news' },\n { id: 'sec3', name: 'overview' },\n { id: 'sec4', name: 'stay_connected' },\n { id: 'sec5', name: 'social_media' }\n ]\n};\nexport default function Container() {\n const { isLimit } = useAreaLimit();\n\n // 埋点上报\n useFloatUp(floatConfig);\n\n if (isLimit) {\n return \n {t('follow_marvel_snap')}\n
\n {links.length > 0 && (\n\n {links.map((item, index) => {\n return (\n
\n )}\n openChannel(item)}>\n
\n );\n })}\n \n \n
\n \n {/*
\n \n \n {t('content_creators')}\n \n
*/}\n \n \n {t('creator_program')}\n \n
\n\n \n \n {t('download_media')}\n \n
\n