You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
31 lines
892 B
31 lines
892 B
import React, { useEffect, useState } from 'react'
|
|
import { Box } from '$components';
|
|
import './style.less';
|
|
|
|
function SpecialPerson(props) {
|
|
|
|
const data = [
|
|
{ name: '刑满释放', number: 447 },
|
|
{ name: '社区矫正', number: 447 },
|
|
{ name: '吸毒人员', number: 447 },
|
|
{ name: '重点青少年', number: 447 },
|
|
{ name: '艾滋病人', number: 447 },
|
|
]
|
|
return <Box title={"特殊人群统计"}>
|
|
<div className='_special'>
|
|
{
|
|
data.map((s, index) => {
|
|
return <div className={`_special_item _special_bg${index % 2 == 0 ? 1 : 2}`}>
|
|
<span>{s.name}</span>
|
|
<span><span className='_number'>{s.number}</span>人</span>
|
|
</div>
|
|
})
|
|
}
|
|
|
|
</div>
|
|
</Box>
|
|
}
|
|
|
|
export default SpecialPerson;
|
|
|
|
|
|
|