{"version":3,"sources":["webpack://_N_E/./components/ad/ad-text-link/index.tsx","webpack://_N_E/./components/ad/ad-width-resource/index.tsx","webpack://_N_E/./components/ad/index.tsx","webpack://_N_E/./services/dealer_ad/index.ts","webpack://_N_E/./components/hooks/use-dealerad-info.ts","webpack://_N_E/./components/hooks/use-visible.ts","webpack://_N_E/./new/video/components/top-nav/index.tsx","webpack://_N_E/./components/ad/ad-text-link/index.module.scss","webpack://_N_E/./components/ad/ad-width-resource/index.module.scss","webpack://_N_E/./new/video/components/top-nav/index.module.scss"],"names":["sourceData","className","teaParams","adTeaParams","React","ad_rit","rit_str","event_id","EVENTID","useAdStat","send","show","click","ref","handleClick","clsx","styles","onClick","url","web_url","window","open","tag","text","SwiperCore","Autoplay","EffectFade","Pagination","BannerType","eventIds","ad_resource_filter_banner","ad_resource_bottom_banner","ad_resource_detail_banner","linkSources","BannerAdWithSource","tea","sourceDataWithAd","hideCloseIcon","useSendEvent","useState","close","setClose","activeIndex","setActiveIndex","swiper","setSwiper","paginationRef","useRef","useInView","threshold","inView","notSingle","length","getAdTeaParams","adData","params","link_source","LS_AD","is_ad","ad_group_id","ad_group_id_str","ad_price_type","ad_material_id","materiel_str","ad_target_url","log_extra","ad_id","id_str","ad_req_id","JSON","parse","req_id","Object","assign","handleCloseClick","e","rank","stopPropagation","sendTeaAdEvent","sendAdClickEvent","useCallback","adParams","custom","click_track_url_list","forEach","sendAdMonitor","requestId","ad_log_id","eventId","handleAdClick","includes","setTimeout","handleSourceClick","carousel_rank","middleground_id","plan_id","resource_pos_id","widget_id","source_key","open_url","useEffect","it","index","type","AD","info","raw_spread_data","autoplay","start","track_url_list","SOURCE","resource_data","stop","renderAd","src","image_left_big","draggable","style","backgroundImage","require","image_right_big","loop","observer","resizeObserver","watchOverflow","speed","delay","onSwiper","onSlideChange","idx","realIndex","noSwiping","effect","pagination","el","current","clickable","fadeEffect","crossFade","map","item","left_image_url","right_image_url","eventName","customStat","throttleTime","isVisible","useVisible","useMemo","adReqID","sendRef","showTimer","fetch","getUrl","serializeObject","res","data","ritIds","effectTag","dealeradInfo","setDealeradInfo","cityName","useCityName","getDealerAdInfo","city_name","rit_ids","then","useContext","GlobalStoreContext","state","defaultNavList","label","path","title","keywords","description","reqLabel","showHome","curPath","navList","router","useRouter","isFixedRef","prevAsPathRef","asPath","scrollToWithStickyObserve","isFixed","itemCount","findIndex","d","renderMoreWrapper","contentCount","content","classNames","headerHeight","isInMore","isCover","isActive","href","topPath","as","scroll","module","exports"],"mappings":"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","file":"static/chunks/6365-ccd17d010ad15b9f0a3d.js","sourcesContent":["import * as React from 'react'\nimport clsx from 'classnames'\n\nimport { DealerAdItemInfo } from 'Services/dealer_ad'\nimport { useAdStat } from 'Components/ad/index'\nimport { EVENTID, AD_RIT } from 'Constants/ad'\nimport styles from './index.module.scss'\n\nexport type SourceDataType = Omit<\n DealerAdItemInfo,\n 'image_left_big' | 'image_right_big' | 'image_list'\n>\n\ntype Props = {\n sourceData: SourceDataType\n className?: string\n teaParams?: {\n page_id: string\n [key: string]: string | number | undefined\n }\n}\n\nconst AdTextLink: React.FC = ({ sourceData, className, teaParams }) => {\n const adTeaParams = React.useMemo(\n () => ({\n ad_rit: sourceData.rit_str,\n event_id: EVENTID[sourceData.rit_str as AD_RIT],\n ...teaParams,\n }),\n [sourceData, teaParams]\n )\n\n const { ref, handleClick } = useAdStat(\n {\n send: 'ad_send_event',\n show: 'ad_show_event',\n click: 'ad_clk_event',\n },\n sourceData,\n adTeaParams\n )\n const handleTextClick = () => {\n handleClick()\n const url = sourceData.web_url\n if (url) {\n window.open(url, '_blank')\n }\n }\n\n return (\n \n \n {sourceData.tag}\n \n {sourceData.text}\n
\n \n 广告\n \n \n
\n \n )\n}\n\nexport default AdTextLink\n","import React, { useEffect, useState, useRef, useCallback } from 'react'\n// import classNames from 'classnames'\nimport { Swiper as SwiperCore, Autoplay, EffectFade, Pagination } from 'swiper'\nimport { Swiper, SwiperSlide } from 'swiper/react'\nimport { useInView } from 'react-intersection-observer'\n// import useVisible from 'Components/hooks/use-visible'\n\nimport SwiperClass from 'swiper/types/swiper-class'\nimport { sendTeaAdEvent, sendAdMonitor } from 'lib/tea-analyze'\nimport { LS_AD } from 'Constants/link-source'\nimport { AD_RIT, EVENTID } from 'Constants/ad'\nimport styles from './index.module.scss'\n\nSwiperCore.use([Autoplay, EffectFade, Pagination])\n\nconst eventIds = {\n ad_resource_filter_banner: 'filter_area_below_ad_banner',\n ad_resource_bottom_banner: 'bottom_ad_banner',\n ad_resource_detail_banner: 'above_similar_car_ad_banner',\n}\n\nconst linkSources = {\n ad_resource_filter_banner:\n 'dcd_pc_esc_used_car_source_list_filter_area_below_ad_banner',\n ad_resource_bottom_banner: 'dcd_pc_esc_used_car_source_list_bottom_ad_banner',\n ad_resource_detail_banner:\n 'dcd_pc_esc_used_car_source_detail_above_similar_car_ad_banner',\n}\nenum BannerType {\n AD = 1000,\n SOURCE = 1001,\n}\nexport type AdDataType = {\n ad_group_id_str: string\n ad_log_id: string\n ad_price_type: string\n convert_id: string\n id: number\n id_str: string\n image_left_big: {\n height: number\n url: string\n width: number\n }\n image_right_big: {\n height: number\n url: string\n width: number\n }\n log_extra: string\n materiel_id: string\n materiel_str: string\n rit: number\n rit_str: AD_RIT\n web_url: string\n track_url_list?: string[]\n click_track_url_list?: string[]\n}\nexport type SourceData = {\n title: string\n left_image_url: string\n right_image_url: string\n open_url: string\n //资源位id\n widget_id: number\n // 计划id\n plan_id: number\n source_key:\n | 'ad_resource_filter_banner'\n | 'ad_resource_bottom_banner'\n | 'ad_resource_detail_banner'\n}\ninterface IProps {\n tea?: {\n page_id?: string\n [key: string]: string | number | undefined\n }\n sourceDataWithAd?: {\n type: number\n info?: {\n resource_data?: SourceData\n raw_spread_data?: AdDataType\n }\n }[]\n hideCloseIcon?: boolean\n useSendEvent?: boolean\n}\n\nexport default function BannerAdWithSource({\n tea,\n sourceDataWithAd = [],\n hideCloseIcon,\n useSendEvent,\n}: IProps) {\n const [close, setClose] = useState(false)\n\n const [activeIndex, setActiveIndex] = useState(0)\n const [swiper, setSwiper] = useState()\n\n const paginationRef = useRef(null)\n const [ref, inView] = useInView({\n threshold: 0,\n })\n const notSingle = sourceDataWithAd && sourceDataWithAd?.length > 1\n\n const getAdTeaParams = (adData: AdDataType) => {\n const params = {\n link_source: LS_AD[adData?.rit_str],\n is_ad: 1,\n ad_group_id: adData?.ad_group_id_str,\n ad_price_type: adData?.ad_price_type,\n ad_rit: adData?.rit_str,\n ad_material_id: adData?.materiel_str,\n ad_target_url: adData?.web_url,\n log_extra: adData?.log_extra,\n ad_id: adData?.id_str,\n ad_req_id: adData?.log_extra ? JSON.parse(adData?.log_extra).req_id : '',\n }\n // 如果希望自定义埋点数据，可以在props传参覆盖\n if (tea) {\n Object.assign(params, tea)\n }\n return params\n }\n // dislike关闭点击\n const handleCloseClick = (\n e: React.MouseEvent,\n adTeaParams: { [key: string]: string | number },\n rank = '0',\n adData: AdDataType\n ) => {\n e.stopPropagation()\n sendTeaAdEvent('ad_rt_dislike', {\n ...adTeaParams,\n rank,\n event_id: `${EVENTID[adData?.rit_str]}_close`,\n })\n setClose(true)\n }\n\n const sendAdClickEvent = useCallback(\n (\n adParams: { [key: string]: string | number },\n adData: AdDataType,\n custom = {}\n ) => {\n sendTeaAdEvent('ad_clk_event', {\n ...adParams,\n ...custom,\n })\n if (adData?.click_track_url_list) {\n adData.click_track_url_list.forEach((url) => {\n sendAdMonitor({\n url,\n requestId: adData?.ad_log_id,\n eventId: 'ad_clk_event',\n })\n })\n }\n },\n []\n )\n // banner点击跳转, rank 区分左右\n const handleAdClick = (adData: AdDataType) => {\n const { web_url, rit_str } = adData || {}\n // 增加link_source 为了线索归因\n const url = `${web_url}${web_url?.includes('?') ? '&' : '?'}link_source=${\n LS_AD[rit_str]\n }`\n\n setTimeout(() => {\n window.open(url, '_blank')\n }, 50)\n }\n const handleSourceClick =\n (sourceData: SourceData, carousel_rank: number, rank: string) => () => {\n sendTeaAdEvent('ad_clk_event', {\n ...tea,\n is_ad: 0,\n middleground_id: sourceData?.plan_id,\n resource_pos_id: sourceData?.widget_id,\n carousel_rank: carousel_rank + 1,\n rank,\n event_id: sourceData?.source_key\n ? eventIds[sourceData?.source_key]\n : '',\n link_source: sourceData?.source_key\n ? linkSources[sourceData?.source_key]\n : '',\n })\n\n setTimeout(() => {\n window.open(sourceData?.open_url, '_blank')\n }, 50)\n }\n\n useEffect(() => {\n sourceDataWithAd.forEach((it, index) => {\n if (it?.type === BannerType.AD && it?.info?.raw_spread_data) {\n // 按照约定下发埋点\n if (useSendEvent) {\n sendTeaAdEvent('ad_send_event', {\n ...getAdTeaParams(it?.info?.raw_spread_data),\n event_id: EVENTID[it.info.raw_spread_data.rit_str],\n })\n } else {\n // 广告下发埋点\n sendTeaAdEvent(\n `ad_send_${EVENTID[it?.info?.raw_spread_data?.rit_str]}`,\n {\n ...getAdTeaParams(it?.info?.raw_spread_data),\n carousel_rank: index + 1,\n }\n )\n }\n }\n })\n\n // 重新下发重置状态\n setClose(false)\n }, [sourceDataWithAd])\n\n useEffect(() => {\n if (!inView) {\n swiper?.autoplay?.stop()\n return\n }\n if (sourceDataWithAd?.length > 1) {\n swiper?.autoplay?.start()\n }\n\n if (sourceDataWithAd?.[activeIndex]?.type === BannerType.AD) {\n //广告埋点\n const info = sourceDataWithAd?.[activeIndex]?.info\n ?.raw_spread_data as AdDataType\n\n sendTeaAdEvent('ad_show_event', {\n ...getAdTeaParams(info),\n event_id: EVENTID[info?.rit_str],\n carousel_rank: activeIndex + 1,\n })\n\n if (info?.track_url_list) {\n info.track_url_list.forEach((url) => {\n sendAdMonitor({\n url,\n requestId: info?.ad_log_id,\n eventId: 'ad_show_event',\n })\n })\n }\n return\n }\n if (sourceDataWithAd?.[activeIndex]?.type === BannerType.SOURCE) {\n // 资源位，和广告用同一套埋点机制，参数不同\n const info = sourceDataWithAd?.[activeIndex]?.info?.resource_data\n sendTeaAdEvent('ad_show_event', {\n ...tea,\n is_ad: 0,\n middleground_id: info?.plan_id,\n resource_pos_id: info?.widget_id,\n carousel_rank: activeIndex + 1,\n event_id: info?.source_key ? eventIds[info?.source_key] : '',\n link_source: info?.source_key ? linkSources[info?.source_key] : '',\n })\n }\n }, [inView, activeIndex, sourceDataWithAd])\n\n const renderAd = (adData: AdDataType) => {\n const adParams = {\n ...getAdTeaParams(adData),\n event_id: EVENTID[adData?.rit_str],\n }\n return (\n
\n {\n sendAdClickEvent(adParams, adData, { rank: '0' })\n handleAdClick(adData)\n }}\n >\n \n 广告\n {!hideCloseIcon && (\n {\n handleCloseClick(e, adParams, '0', adData)\n }}\n style={{\n backgroundImage: `url(${require('static/ad-close.png')})`,\n }}\n />\n )}\n
\n {\n sendAdClickEvent(adParams, adData, { rank: '1' })\n handleAdClick(adData)\n }}\n >\n \n 广告\n {!hideCloseIcon && (\n {\n handleCloseClick(e, adParams, '1', adData)\n }}\n style={{\n backgroundImage: `url(${require('static/ad-close.png')})`,\n }}\n />\n )}\n \n \n )\n }\n\n if (close) {\n return null\n }\n\n return (\n
\n {\n const idx = swiper.realIndex\n setActiveIndex(idx)\n }}\n noSwiping={false}\n effect=\"fade\"\n pagination={\n notSingle\n ? {\n el: paginationRef.current,\n clickable: true,\n }\n : false\n }\n fadeEffect={{ crossFade: true }}\n >\n {sourceDataWithAd?.map((item, index) => {\n if (item?.type === BannerType.AD) {\n //广告\n return (\n item?.info?.raw_spread_data && (\n \n {renderAd(item?.info?.raw_spread_data)}\n \n )\n )\n }\n if (item?.type === BannerType.SOURCE) {\n const info = item?.info?.resource_data\n return (\n \n
\n \n \n
\n \n \n
\n \n \n )\n }\n return null\n })}\n {notSingle && (\n
\n )}\n \n
\n )\n}\n","import useVisible from 'Components/hooks/use-visible'\nimport { useInView } from 'react-intersection-observer'\nimport { useEffect, useMemo, useCallback, useRef } from 'react'\nimport { sendTeaAdEvent, sendAdMonitor } from 'lib/tea-analyze'\nimport { IDefaultAd } from './interface'\n// 根据广告数据返回对应的埋点数据\nexport function getAdStatData(info: IDefaultAd) {\n return {\n ad_material_id: info.materiel_str,\n ad_target_url: info.web_url,\n log_extra: info.log_extra,\n ad_id: info.id_str,\n ad_req_id: JSON.parse(info.log_extra).req_id,\n }\n}\n\ntype TUseAdStat = (\n eventName: {\n /**\n * 下发事件名\n */\n send: string\n /**\n * 展示事件名\n */\n show: string\n /**\n * 点击事件名\n */\n click: string\n },\n info: IDefaultAd,\n customStat?: {\n [key: string]: string | number\n },\n throttleTime?: number\n) => {\n ref(node?: Element | null | undefined): void\n handleClick(custom?: { [key: string]: string | number }): void\n}\n\n// 发送下发和展现事件\nexport const useAdStat: TUseAdStat = (\n eventName,\n info,\n customStat,\n throttleTime = 1000\n) => {\n const [ref, inView] = useInView({\n threshold: 0,\n })\n const isVisible = useVisible()\n const adData = useMemo(() => {\n let adReqID = ''\n try {\n adReqID = JSON.parse(info.log_extra).req_id\n } catch {}\n return {\n ad_material_id: info.materiel_str,\n ad_target_url: info.web_url,\n log_extra: info.log_extra,\n ad_id: info.id_str,\n ad_req_id: adReqID,\n ...customStat,\n }\n }, [customStat, info.id_str, info.log_extra, info.materiel_str, info.web_url])\n const sendRef = useRef(false)\n const showTimer = useRef()\n useEffect(() => {\n if (adData && !sendRef.current && eventName.send) {\n // 广告下发事件\n sendTeaAdEvent(eventName.send, adData)\n sendRef.current = true\n }\n }, [adData, eventName.send])\n useEffect(() => {\n // 广告展现事件\n // console.log(info.track_url_list, inView, isVisible, adData, eventName.show)\n if (inView && isVisible && eventName.show) {\n if (!showTimer.current) {\n sendTeaAdEvent(eventName.show, adData)\n if (info.track_url_list) {\n info.track_url_list.forEach((url) => {\n sendAdMonitor({\n url,\n requestId: info.ad_log_id,\n eventId: eventName.show,\n })\n })\n }\n showTimer.current = window.setTimeout(() => {\n showTimer.current = 0\n }, throttleTime)\n }\n }\n }, [\n inView,\n isVisible,\n adData,\n eventName.show,\n info.track_url_list,\n info.ad_log_id,\n ])\n // 广告点击事件\n const handleClick = useCallback(\n (custom = {}) => {\n sendTeaAdEvent(eventName.click, {\n ...adData,\n ...custom,\n })\n if (info.click_track_url_list) {\n info.click_track_url_list.forEach((url) => {\n sendAdMonitor({\n url,\n requestId: info.ad_log_id,\n eventId: eventName.click,\n })\n })\n }\n },\n [adData, eventName.click, info.ad_log_id, info.click_track_url_list]\n )\n\n return {\n ref,\n handleClick,\n }\n}\n","import serializeObject from '@arsenal/arsenal/modules/serializeObject'\nimport fetch, { IBaseResponse } from 'lib/decorated-fetch'\nimport getUrl from 'lib/url'\n\nimport { AD_RIT } from 'Constants/ad'\n\ntype DealerAdParams = {\n city_name: string\n rit_ids: string\n}\n\nexport type DealerAdInfo = {\n [key in AD_RIT]: DealerAdItemInfo\n}\n\nexport type DealerAdItemInfo = {\n ad_group_id_str: string\n ad_log_id: string\n ad_price_type: string\n convert_id: string\n id: number\n id_str: string\n image_left_big?: ImageData //双图使用\n image_right_big?: ImageData //双图使用\n is_preview: boolean\n label: string\n log_extra: string\n materiel_id: string\n materiel_str: string\n rit: number\n rit_str: AD_RIT\n web_title: string\n web_url: string\n image?: ImageData //单图使用\n tag?: string //文字链使用\n text?: string //文字链使用\n}\n\ntype TeaValue = string | number | undefined\n\nexport type TeaParams = {\n page_id: string\n [key: string]: TeaValue\n}\n\nexport type ImageData = {\n height: number\n url: string\n width: number\n objectFit?:\n | 'fill'\n | '-moz-initial'\n | 'inherit'\n | 'initial'\n | 'revert'\n | 'unset'\n | 'contain'\n | 'cover'\n | 'none'\n | 'scale-down'\n | undefined\n}\n\nconst getDealerAdInfo = async (params: DealerAdParams) => {\n const res: IBaseResponse = await fetch(\n getUrl(`/motor/dealer_ad/pc/ad_data?${serializeObject(params)}`)\n )\n return res.data\n}\n\nexport default getDealerAdInfo\n","import * as React from 'react'\nimport getDealerAdInfo, { DealerAdInfo } from 'Services/dealer_ad'\nimport { useCityName } from 'Components/hooks'\n\ntype DealerAdInfoParams = {\n ritIds: string\n effectTag?: boolean\n}\n\nconst useDealeradInfo = ({\n ritIds,\n effectTag = true,\n}: DealerAdInfoParams): { dealeradInfo?: DealerAdInfo } => {\n const [dealeradInfo, setDealeradInfo] = React.useState()\n const cityName = useCityName()\n React.useEffect(() => {\n if (effectTag && typeof cityName !== 'undefined') {\n getDealerAdInfo({ city_name: cityName, rit_ids: ritIds }).then(\n setDealeradInfo\n )\n }\n }, [effectTag, ritIds, cityName])\n\n return { dealeradInfo }\n}\n\nexport default useDealeradInfo\n","import { useContext } from 'react'\nimport { GlobalStoreContext } from 'Components/store'\nexport default function useVisible() {\n const { state } = useContext(GlobalStoreContext)\n return state.isVisible\n}\n","import React, { useEffect, useRef } from 'react'\nimport { INavItem } from 'New/feed-static/components/top-nav'\nimport { useRouter } from 'next/router'\nimport { scrollToWithStickyObserve } from 'Components/hooks/use-scroll-sticky-observe'\nimport StickyHeader from 'Components/new/scroll-sticky/sticky-header'\nimport OverflowTooltip from 'Components/new/overflow-tooltip'\nimport classNames from 'classnames'\nimport { headerHeight } from 'Components/new-header'\nimport Link from 'next/link'\nimport style from './index.module.scss'\nimport serializeObject from '@arsenal/arsenal/modules/serializeObject'\n\nexport const defaultNavList: INavItem[] = [\n {\n label: '推荐',\n path: '',\n title: '推荐资讯视频_资讯视频_懂车帝',\n keywords: '推荐资讯视频,资讯视频',\n description:\n '懂车帝提供推荐资讯视频,资讯视频,这里提供最新最全的汽车资讯,汽车行情,汽车科技新闻,汽车文化,试驾测评与车展赛事等汽车信息。',\n },\n // todo\n {\n label: '最新',\n reqLabel: '热点资讯',\n path: 'news',\n title: '最新汽车视频资讯_资讯视频_懂车帝',\n keywords: '最新汽车资讯,最新汽车,汽车资讯视频',\n description:\n '懂车帝视频资讯频道提供最新最全的汽车资讯,汽车行情,汽车科技新闻,汽车文化,试驾测评,用车知识,热点活动与车展赛事等汽车信息。',\n },\n {\n label: '新车',\n path: 'newcar',\n showHome: true,\n title: '汽车资讯大全_最新汽车资讯_新车资讯圈视频_懂车帝',\n keywords: '汽车资讯大全,最新汽车资讯,新车资讯圈视频',\n description:\n '懂车帝新车资讯视频频道为您提供最新最全的新车资讯,新车行情,新车科技新闻,新车文化,新车试驾测评,新车用车知识,热点活动与车展赛事等汽车信息，想了解新车相关内容，就上懂车帝新车频道！',\n },\n {\n label: '导购',\n path: 'guide',\n showHome: true,\n title: '新车导购_购车指南_车型海选视频_懂车帝',\n keywords: '新车导购,购车指南,车型海选视频',\n description:\n '懂车帝汽车导购视频频道，为您提供最新最全的汽车导购信息，包括车型海选，对比选购，购车指南，新车导购，汽车导购等信息。更多有关汽车导购信息尽在懂车帝。',\n },\n {\n label: '行业',\n path: 'industry',\n title: '最新汽车行业资讯视频_懂车帝',\n keywords: '汽车行业资讯,最新汽车行业资讯视频',\n description:\n '懂车帝汽车行业视频资讯频道提供最新最全的行业汽车资讯,汽车行情,汽车科技新闻,汽车文化,试驾测评,汽车行业数据等汽车信息，想了解更多汽车行业资讯就上懂车帝。',\n },\n {\n label: '摩托车',\n path: 'motor',\n title: '摩托车大全_摩托车图片_摩托车视频_摩托车价格视频_懂车帝',\n keywords: '摩托车大全,摩托车图片,摩托车视频,摩托车价格有哪些视频',\n description:\n '懂车帝摩托车视频频道为摩托车友提供最新摩托车资讯、摩托车专业评测、摩托车赛事活动报道、摩托车图片、摩托车视频，尽在懂车帝摩托车频道。',\n },\n // {\n // label: '中国品牌',\n // path: 'china',\n // title: '中国品牌汽车_中国品牌汽车图片_中国品牌汽车价格_懂车帝',\n // keywords: '中国品牌汽车,中国品牌汽车图片,中国品牌汽车价格',\n // description: '懂车帝中国品牌汽车频道为国内车友提供最新中国品牌汽车资讯、中国品牌汽车专业评测、中国品牌汽车价格报道、中国品牌汽车图片、中国品牌汽车视频等信息，关注精彩纷呈中国品牌信息，尽在懂车帝。'\n // },\n {\n label: '用车',\n showHome: true,\n path: 'usage',\n title: '用车中心_用车服务_用车工具_用车知识视频_懂车帝',\n keywords: '用车中心,用车服务,用车工具,用车知识视频',\n description:\n '懂车帝用车中心视频频道,为您提供用车报价信息,涵盖汽车用品网上超市批发图片和价格，用车知识，用车百科，让你买到性价比最高的汽车用品与服务，就来懂车帝。',\n },\n {\n label: '车辆评测',\n reqLabel: '车辆评测',\n showHome: true,\n path: 'evaluating',\n title: '汽车评测_新车试驾_评测资讯视频_懂车帝',\n keywords: '汽车评测,新车试驾,评测资讯视频',\n description:\n '懂车帝车辆测评视频频道为您提供最专业全面汽车试驾评测报告,包含市区路况、郊外长途、山区、不同气温下汽车评测试驾体验报告,买车先读汽车试驾报告登陆懂车帝。',\n },\n {\n label: '提车作业',\n showHome: true,\n path: 'tiche',\n title: '提车作业大全_提车作业注意事项_提车作业图片视频_懂车帝',\n keywords: '提车作业大全,提车作业注意事项,提车作业图片视频',\n description:\n '懂车帝提车作业视频频道为您全面提供提车作业大全，这里汇集提车作业注意事项、提车作业图片等内容，想了解更多提车作业信息，就来懂车帝提车作业频道。',\n },\n {\n label: '自驾游',\n showHome: true,\n path: 'travel',\n title: '旅游游记_汽车生活游记_自驾游记视频_懂车帝',\n keywords: '旅游游记,汽车生活游记,自驾游记视频',\n description:\n '懂车帝自驾游视频频道为您提供国内游记、自驾游游记、出国游记等车友游记笔记，更有各种游记高清图片等您欣赏，看汽车游记，到懂车帝自驾游频道。',\n },\n {\n label: '越野',\n showHome: true,\n path: 'offroad',\n title: '越野车_越野车排行榜_越野车哪个好视频_懂车帝',\n keywords: '越野车,越野车排行榜,越野车哪个好视频',\n description:\n '懂车帝越野车视频频道为广大车友提供最新最全面的越野资讯，越野车排行榜，越野车报价及图片，越野需知等信息，想了解更新更全面的越野车信息，就到懂车帝。',\n },\n {\n label: '改装',\n showHome: true,\n path: 'modification',\n title: '汽车改装_汽车改装知识视频_懂车帝',\n keywords: '汽车改装,改装配件,改装知识视频',\n description:\n '车帝汽车改装视频频道全方位展示改装实战,改装鉴赏,影音改装,改装技术,改装部件等方面的问题。以车会友，尽在懂车帝。',\n },\n {\n label: '学车',\n path: 'learn',\n title: '学车_学车资讯视频_懂车帝',\n keywords: '学车,学车资讯视频',\n description:\n '懂车帝学车资讯视频频道群聚万千车友,交流学车的相关内容。提供最新汽车报价，汽车图片等内容，是提供信息最快最全的中国汽车网站，看车选车买车就上懂车帝。',\n },\n {\n label: '汽车文化',\n path: 'culture',\n title: '汽车生活_游记作文_汽车文化视频_懂车帝',\n keywords: '汽车生活,游记作文,汽车文化视频',\n description:\n '懂车帝汽车文化视频频道为您提供精彩游记,汽车品牌历史,车系历史,经典名车,车坛轶事,汽车生活等最酷最丰富的汽车文化信息。',\n },\n {\n label: '二手车',\n path: 'used',\n title: '二手车交易市场_二手车报价_二手车估价视频_懂车帝',\n keywords: '二手车交易市场,二手车报价,二手车估价视频',\n description:\n '懂车帝二手车视频资讯频道提供最新二手车报价,二手车估价,保值率查询,想了解更多买卖二手车信息就上懂车帝二手车资讯频道。',\n },\n {\n label: '房车',\n path: 'touring',\n title: '房车价格_房车图片_房车品牌大全视频_懂车帝',\n keywords: '房车价格,房车图片,房车品牌大全视频',\n description:\n '懂车帝汇集房车视频资讯频道提供房车价格,房车图片,房车品牌大全,顶级豪华房车,房车改装等专业房车资讯。房车价格及图片,顶级豪华房车价格及图片,最新最全的房车图片及报价,房车大全,尽在懂车帝!',\n },\n {\n label: '赛车',\n path: 'acing',\n title: '赛车_赛车新闻_赛车资讯视频_懂车帝',\n keywords: '赛车,赛车新闻,赛车资讯视频',\n description:\n '懂车帝赛车视频频道为您提供最新赛车动态,评论与访谈,赛程安排。提供最新汽车报价，汽车图片等内容，是提供信息最快最全的中国汽车网站，看车选车买车就上懂车帝。',\n },\n {\n label: '汽车科技',\n path: 'tech',\n title: '最新汽车科技新闻热点事件_最新汽车科技视频排行视频_懂车帝',\n keywords: '最新汽车科技新闻热点事件,最新汽车科技视频排行视频',\n description:\n '懂车帝汽车科技视频频道为您提供最新汽车科技资讯排行，最新汽车科技新闻热点事件，最新汽车科技视频排行，让您实时了解汽车科技动态，了解更多点击懂车帝！',\n },\n {\n label: '技术解读',\n path: 'skill',\n title: '汽车技术解读_汽车技术解析视频_懂车帝',\n keywords: '汽车技术解读,汽车技术解析视频',\n description:\n '懂车帝技术解读视频频道为您提供汽车技术解读资讯内容,这里汇集各大品牌汽车车型技术解读文章和技术解析图片,了解更多汽车技术解读相关内容就来懂车帝。',\n },\n]\n\ninterface IProps {\n curPath: string\n navList: INavItem[]\n onClick?(text: string): void\n}\n\nconst TopNav: React.FC = ({ curPath, navList, onClick }) => {\n const router = useRouter()\n const isFixedRef = useRef(false)\n const prevAsPathRef = useRef()\n\n useEffect(() => {\n if (isFixedRef.current && router.asPath !== prevAsPathRef.current) {\n scrollToWithStickyObserve(68)\n }\n prevAsPathRef.current = router.asPath\n }, [router.asPath])\n\n return (\n \n {(isFixed) => {\n isFixedRef.current = isFixed\n\n return (\n d.path === curPath)}\n renderMoreWrapper={(contentCount) => (content) =>\n (\n = 3,\n })}\n >\n {content}\n \n )}\n className={classNames(isFixed ? headerHeight : 'tw-h-32')}\n >\n {({ index, isInMore, close, isCover }) => {\n const item = navList[index]\n const isActive = curPath === item.path && !isInMore\n return (\n \n \n {\n if (close) close()\n if (onClick) onClick(item.label)\n }}\n className={classNames(style['link'], {\n 'tw-inline-block tw-w-full tw-h-full tw-px-20 tw-py-10':\n isInMore,\n })}\n title={item.label}\n >\n {isActive ?

{item.label}

: `${item.label}`}\n \n \n \n )\n }}\n \n )\n }}\n \n )\n}\n\nexport default TopNav\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"wrap\":\"ad-text-link_wrap__3W1W8\",\"tag\":\"ad-text-link_tag__28C5e\",\"tag-text\":\"ad-text-link_tag-text__24Bkh\",\"text\":\"ad-text-link_text__1ylhl\",\"right\":\"ad-text-link_right__2BoKV\",\"ad-text\":\"ad-text-link_ad-text___5I0t\",\"ad-text-content\":\"ad-text-link_ad-text-content__19bs_\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"ad-row\":\"ad-width-resource_ad-row__18Taz\",\"ad-banner\":\"ad-width-resource_ad-banner__3er2-\",\"icon-close\":\"ad-width-resource_icon-close__1MObH\",\"ad-text\":\"ad-width-resource_ad-text__29nMA\",\"pagination\":\"ad-width-resource_pagination__1x32F\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"active\":\"top-nav_active__3WqwX\",\"link\":\"top-nav_link__cSCA4\"};"],"sourceRoot":""}