|
|
@@ -10,6 +10,7 @@ function Policy({ setShowTab }: { setShowTab: (tab: number) => void }) {
|
|
|
|
|
|
const originRef = useRef<HTMLDivElement>(null)
|
|
|
const itemRef = useRef<HTMLDivElement>(null)
|
|
|
+
|
|
|
const { myData } = useSelector((state: RootState) => state.A0Layout)
|
|
|
const [isOriStates, setIsOriStates] = useState(
|
|
|
myData.policy[0].part2.map(item => (item.img ? true : false))
|
|
|
@@ -54,12 +55,25 @@ function Policy({ setShowTab }: { setShowTab: (tab: number) => void }) {
|
|
|
return isOriStates[part2Index] ? part2Item?.img?.[0] || '' : part2Item?.img_ac?.[0] || ''
|
|
|
}
|
|
|
|
|
|
+ useEffect(() => {
|
|
|
+ const part1TXT = document.querySelectorAll('#part1TXT')
|
|
|
+ part1TXT.forEach((v: any) => {
|
|
|
+ v.addEventListener('wheel', (e: any) => {
|
|
|
+ e.preventDefault()
|
|
|
+ e.stopPropagation()
|
|
|
+ console.log('part1TXT', v.scrollTop += e.deltaY)
|
|
|
+
|
|
|
+ })
|
|
|
+ })
|
|
|
+
|
|
|
+ }, [currentItem])
|
|
|
+
|
|
|
return (
|
|
|
<div className={styles.Policy}>
|
|
|
<Zback clickFu={() => setShowTab(0)} />
|
|
|
|
|
|
- <div className='containner' ref={originRef} onWheel={handleWheel}>
|
|
|
- <div className='containner2'>
|
|
|
+ <div className='containner' >
|
|
|
+ <div className='containner2' ref={originRef} onWheel={handleWheel}>
|
|
|
{myData.policy.map((item, index) => (
|
|
|
<div className='tabItem' ref={itemRef} key={item.title}>
|
|
|
<div className={`history1`} onClick={() => handleItemClick(index + 1)}>
|
|
|
@@ -71,7 +85,7 @@ function Policy({ setShowTab }: { setShowTab: (tab: number) => void }) {
|
|
|
<div className={`historyDetail ${currentItem !== 0 ? '' : 'historyDetail_hide'}`}>
|
|
|
<>
|
|
|
<div className='part1' style={partChangeCss(index)}>
|
|
|
- <div className='part1Box'>
|
|
|
+ <div className='part1Box' id={`part1TXT`}>
|
|
|
<div className='part1txt'>{item.part1.txt} </div>
|
|
|
<div className='from'>
|
|
|
<div className='fromtxt'>{item.part1.from} </div>
|
|
|
@@ -132,9 +146,8 @@ function Policy({ setShowTab }: { setShowTab: (tab: number) => void }) {
|
|
|
{item.title}
|
|
|
</div>
|
|
|
<img
|
|
|
- src={require(`@/assets/img/A7base3_icon${
|
|
|
- currentItem - 1 === index ? 'A' : '_n'
|
|
|
- }.png`)}
|
|
|
+ src={require(`@/assets/img/A7base3_icon${currentItem - 1 === index ? 'A' : '_n'
|
|
|
+ }.png`)}
|
|
|
alt=''
|
|
|
/>
|
|
|
</div>
|