|
|
@@ -337,6 +337,10 @@ function ModalTxt({ setIsShowTabBar, setIsShowMzmTitle, setBottomTxt }: Props, r
|
|
|
},
|
|
|
[setBottomTxt, setIsShowMzmTitle]
|
|
|
)
|
|
|
+
|
|
|
+ const gaiShuEn = 'The inscription on the Cheng Zhe Stele consists of 31 lines of regular script,<br/>with 45 characters per line at maximum.<br/>The characters are approximately 2 cm in size, set within square grids, totaling 1,404 characters.<br/>No formal title of the stele is engraved. <br/>The entire text praises the historical achievements of the Cheng family.'
|
|
|
+ const gaiShu = '程哲碑碑文,31行楷书,满行45字,<br/>字径约2厘米,带方界格,总计1404字;<br/>无正式碑名,通篇颂德程氏家族的历史功绩。'
|
|
|
+
|
|
|
return (
|
|
|
<div
|
|
|
className={classNames(styles.modalTxt, myLangue === 'ZH' ? '' : styles.modalTxtEn)}
|
|
|
@@ -358,9 +362,8 @@ function ModalTxt({ setIsShowTabBar, setIsShowMzmTitle, setBottomTxt }: Props, r
|
|
|
onClick={() => handleTabClick(item.key, myData.readDetail[index]?.mzmtz?.title)}
|
|
|
>
|
|
|
<img
|
|
|
- src={require(`@/assets/img/btn_ModalTxt_bg${
|
|
|
- selectedTab === item.key ? '_ac' : ''
|
|
|
- }.png`)}
|
|
|
+ src={require(`@/assets/img/btn_ModalTxt_bg${selectedTab === item.key ? '_ac' : ''
|
|
|
+ }.png`)}
|
|
|
alt=''
|
|
|
/>
|
|
|
<div className={`tabNub songFont ${selectedTab === item.key ? 'tabNubAc' : ''}`}>
|
|
|
@@ -415,24 +418,8 @@ function ModalTxt({ setIsShowTabBar, setIsShowMzmTitle, setBottomTxt }: Props, r
|
|
|
<div className='title songFontc'>
|
|
|
{myLangue === 'EN' ? 'Overview of the Inscription' : '碑文概述'}
|
|
|
</div>
|
|
|
- <div className='text'>
|
|
|
- {myLangue === 'EN'
|
|
|
- ? 'The inscription on the Cheng Zhe Stele consists of 31 lines of regular script,'
|
|
|
- : '程哲碑碑文,'}
|
|
|
- <br />
|
|
|
- {myLangue === 'EN'
|
|
|
- ? 'with 45 characters per line at maximum. '
|
|
|
- : '31行楷书,满行45字,'}
|
|
|
- <br />{' '}
|
|
|
- {myLangue === 'EN'
|
|
|
- ? ' The characters are approximately 2 cm in size, set within square grids, totaling 1,404 characters.'
|
|
|
- : '字径约2厘米,带方界格,总计1404字;'}
|
|
|
- <br />{' '}
|
|
|
- {myLangue === 'EN' ? 'No formal title of the stele is engraved. ' : '未刻正式碑名。 '}
|
|
|
- <br />
|
|
|
- {myLangue === 'EN'
|
|
|
- ? 'The entire text praises the historical achievements of the Cheng family.'
|
|
|
- : '通篇颂德程氏家族的历史功绩。'}
|
|
|
+ <div className='text' dangerouslySetInnerHTML={{ __html: myLangue === 'EN' ? gaiShuEn : gaiShu }}>
|
|
|
+
|
|
|
</div>
|
|
|
</div>
|
|
|
)}
|