|
|
@ -17,18 +17,18 @@ function HotspotData(props) { |
|
|
|
<div className='hotspot_data_container'> |
|
|
|
<div className='_img'></div> |
|
|
|
<div className='_top1'> |
|
|
|
<span className='hotspot_title' title={top3[0].name}>{top3[0].name?.length > 6 ? top3[0].name.substring(0, 6) + '...' : top3[0].name}</span> |
|
|
|
<span className='hotspot_title' title={top3[0].name}>{top3[0].name?.length > 8 ? top3[0].name.substring(0, 8) + '...' : top3[0].name}</span> |
|
|
|
<div className='hotspot_data_number'>{top3[0].count}</div> |
|
|
|
</div> |
|
|
|
<div className='_top2'> |
|
|
|
{top3?.length > 2 && <> |
|
|
|
<span className='hotspot_title' title={top3[2].name}>{top3[2].name?.length > 6 ? top3[2].name.substring(0, 6) + '...' : top3[2].name}</span> |
|
|
|
<span className='hotspot_title' title={top3[2].name}>{top3[2].name?.length > 8 ? top3[2].name.substring(0, 8) + '...' : top3[2].name}</span> |
|
|
|
<div className='hotspot_data_number'>{top3[2].count}</div> |
|
|
|
</>} |
|
|
|
</div> |
|
|
|
<div className='_top3'> |
|
|
|
{top3?.length > 1 && <> |
|
|
|
<span className='hotspot_title' title={top3[1].name}>{top3[1].name?.length > 6 ? top3[1].name.substring(0, 6) + '...' : top3[1].name}</span> |
|
|
|
<span className='hotspot_title' title={top3[1].name}>{top3[1].name?.length > 8 ? top3[1].name.substring(0, 8) + '...' : top3[1].name}</span> |
|
|
|
<div className='hotspot_data_number'>{top3[1].count}</div> |
|
|
|
</>} |
|
|
|
</div> |
|
|
|