|
@@ -64,11 +64,10 @@ function Detail({ currentTagIndex, setCurrentTagIndex, setIsShowTag }: DetailPro
|
|
|
<div className='topR'>
|
|
<div className='topR'>
|
|
|
<div className='split'></div>
|
|
<div className='split'></div>
|
|
|
<div
|
|
<div
|
|
|
- className={`txt ${
|
|
|
|
|
- currentTagIndex < myData.detail_modal.top.length ? 'txtActive' : ''
|
|
|
|
|
- }`}
|
|
|
|
|
|
|
+ className={`txt ${currentTagIndex < myData.detail_modal.top.length ? 'txtActive' : ''
|
|
|
|
|
+ }`}
|
|
|
>
|
|
>
|
|
|
- {myLangue === 'EN' ? 'front' : '碑阳'}
|
|
|
|
|
|
|
+ {myLangue === 'EN' ? 'Obverse of the Stele' : '碑阳'}
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
@@ -77,9 +76,8 @@ function Detail({ currentTagIndex, setCurrentTagIndex, setIsShowTag }: DetailPro
|
|
|
<div className='topL'>
|
|
<div className='topL'>
|
|
|
{myData.detail_modal.bottom.map((item, index) => (
|
|
{myData.detail_modal.bottom.map((item, index) => (
|
|
|
<div
|
|
<div
|
|
|
- className={`item ${
|
|
|
|
|
- currentTagIndex === index + myData.detail_modal.top.length ? 'active' : ''
|
|
|
|
|
- }`}
|
|
|
|
|
|
|
+ className={`item ${currentTagIndex === index + myData.detail_modal.top.length ? 'active' : ''
|
|
|
|
|
+ }`}
|
|
|
onClick={() => handleHot(index + myData.detail_modal.top.length)}
|
|
onClick={() => handleHot(index + myData.detail_modal.top.length)}
|
|
|
key={index}
|
|
key={index}
|
|
|
>
|
|
>
|
|
@@ -98,11 +96,10 @@ function Detail({ currentTagIndex, setCurrentTagIndex, setIsShowTag }: DetailPro
|
|
|
<div className='topR'>
|
|
<div className='topR'>
|
|
|
<div className='split'></div>
|
|
<div className='split'></div>
|
|
|
<div
|
|
<div
|
|
|
- className={`txt ${
|
|
|
|
|
- currentTagIndex >= myData.detail_modal.top.length ? 'txtActive' : ''
|
|
|
|
|
- }`}
|
|
|
|
|
|
|
+ className={`txt ${currentTagIndex >= myData.detail_modal.top.length ? 'txtActive' : ''
|
|
|
|
|
+ }`}
|
|
|
>
|
|
>
|
|
|
- {myLangue === 'EN' ? 'side' : '碑侧'}
|
|
|
|
|
|
|
+ {myLangue === 'EN' ? 'Sides of the Stele' : '碑侧'}
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|