|
@@ -29,7 +29,7 @@ class DetailsModal extends Component {
|
|
},0)
|
|
},0)
|
|
|
|
|
|
let scrollTop = 0
|
|
let scrollTop = 0
|
|
- tipsDetails.introduceDetailList.map((it, ii) => {
|
|
|
|
|
|
+ tipsDetails.details.map((it, ii) => {
|
|
if( ii < index) {
|
|
if( ii < index) {
|
|
scrollTop = scrollTop + parseInt($('#' + it.title).css('height'))
|
|
scrollTop = scrollTop + parseInt($('#' + it.title).css('height'))
|
|
}
|
|
}
|
|
@@ -39,8 +39,8 @@ class DetailsModal extends Component {
|
|
handleScrollModal(tipsDetails) {
|
|
handleScrollModal(tipsDetails) {
|
|
const scrollTop = $('#detailsContent').scrollTop()
|
|
const scrollTop = $('#detailsContent').scrollTop()
|
|
let divHeight = 0;
|
|
let divHeight = 0;
|
|
- for (let i = 0; i < tipsDetails.introduceDetailList.length; i++) {
|
|
|
|
- divHeight = divHeight + parseInt($('#' + tipsDetails.introduceDetailList[i].title).css('height')) -5
|
|
|
|
|
|
+ for (let i = 0; i < tipsDetails.details.length; i++) {
|
|
|
|
+ divHeight = divHeight + parseInt($('#' + tipsDetails.details[i].title).css('height')) -5
|
|
if(divHeight > scrollTop) {
|
|
if(divHeight > scrollTop) {
|
|
this.setState({
|
|
this.setState({
|
|
currentIndex: i
|
|
currentIndex: i
|
|
@@ -59,7 +59,7 @@ class DetailsModal extends Component {
|
|
<div className={styles['details-content-wrapper']} id="detailsContentWrap">
|
|
<div className={styles['details-content-wrapper']} id="detailsContentWrap">
|
|
<h1 id="detailsContentTitle" className={`${styles['details-content-name']} drag-title`} >{tipsDetails && tipsDetails.tagName} <img className={styles['details-close']} onClick={this.hideTips} src={close} /></h1>
|
|
<h1 id="detailsContentTitle" className={`${styles['details-content-name']} drag-title`} >{tipsDetails && tipsDetails.tagName} <img className={styles['details-close']} onClick={this.hideTips} src={close} /></h1>
|
|
<div className={styles['details-content']} id= 'detailsContent' onScroll={this.handleScrollModal.bind(this, tipsDetails)}>
|
|
<div className={styles['details-content']} id= 'detailsContent' onScroll={this.handleScrollModal.bind(this, tipsDetails)}>
|
|
- {tipsDetails && tipsDetails.introduceDetailList && tipsDetails.introduceDetailList.map((item, index) => {
|
|
|
|
|
|
+ {tipsDetails && tipsDetails.details && tipsDetails.details.map((item, index) => {
|
|
return (<div id={item.title}>
|
|
return (<div id={item.title}>
|
|
<div className={styles['details-content-title-box']} >
|
|
<div className={styles['details-content-title-box']} >
|
|
<span className={styles['details-content-title-name']}>{item.title}</span>
|
|
<span className={styles['details-content-title-name']}>{item.title}</span>
|
|
@@ -72,7 +72,7 @@ class DetailsModal extends Component {
|
|
</div>
|
|
</div>
|
|
<div className={styles['content-menu-box']}>
|
|
<div className={styles['content-menu-box']}>
|
|
<div className={styles['content-menu']}>
|
|
<div className={styles['content-menu']}>
|
|
- {tipsDetails && tipsDetails.introduceDetailList && tipsDetails.introduceDetailList.map((item, index) => {
|
|
|
|
|
|
+ {tipsDetails && tipsDetails.details && tipsDetails.details.map((item, index) => {
|
|
return (<div>
|
|
return (<div>
|
|
<div className={styles['details-menu-title-box']}>
|
|
<div className={styles['details-menu-title-box']}>
|
|
{index === 0 ? '' : <div className={styles['details-content-menu-line']}></div>}
|
|
{index === 0 ? '' : <div className={styles['details-content-menu-line']}></div>}
|