\n )\n}\n\nexport default Aside\n","/* eslint-disable no-multi-assign */\n/* eslint-disable no-unused-expressions */\n/* eslint-disable react-hooks/exhaustive-deps */\nimport React, { useState, useRef, useEffect } from 'react'\nimport { IListItem, IImgRL } from './interface'\nimport { openToast } from 'Components/toast'\nimport {\n sendTeaCommEvent,\n sendTeaEnterEvent,\n sendTeaStayEvent,\n} from 'lib/tea-analyze'\nimport applyHttpsImage from 'lib/apply-https-img'\nimport Link from 'next/link'\nimport Category from '../list/category'\nimport { useRouter } from 'next/router'\nimport { Data } from 'Pages/auto/compare/types'\n\nconst translateX = (style: any, x: number) => {\n // eslint-disable-next-line no-multi-assign\n style.webkitTransform =\n // eslint-disable-next-line no-multi-assign\n style.MozTransform =\n // eslint-disable-next-line no-multi-assign\n style.msTransform =\n // eslint-disable-next-line no-multi-assign\n style.OTransform =\n // eslint-disable-next-line no-multi-assign\n style.transform =\n `translateX(${x}px)`\n}\n\nconst abbrImgWidth = 136\nconst mainImgWidth = 1068\nlet transitionSpeed = 0.3\n\nconst Arrows = ({\n isHover,\n setHover,\n onClickLeft,\n onClickRight,\n index,\n max,\n carId,\n category,\n seriesId,\n color,\n}: {\n isHover: boolean\n setHover: (b: boolean) => void\n onClickLeft?: () => void\n onClickRight?: () => void\n index: number\n max: number\n carId: number | ''\n seriesId: string\n category: string\n color: string\n}) => {\n return (\n <>\n {index > 0 && (\n