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.
25 lines
698 B
25 lines
698 B
import React from 'react';
|
|
import { Tooltip, Icon } from 'antd';
|
|
import style from './index.less';
|
|
|
|
const BlockChecbox = ({ value, onChange, list }) => (
|
|
<div className={style.blockChecbox} key={value}>
|
|
{list.map(item => (
|
|
<Tooltip title={item.title} key={item.key}>
|
|
<div className={style.item} onClick={() => onChange(item.key)}>
|
|
<img src={item.url} alt={item.key} />
|
|
<div
|
|
className={style.selectIcon}
|
|
style={{
|
|
display: value === item.key ? 'block' : 'none',
|
|
}}
|
|
>
|
|
<Icon type="check" />
|
|
</div>
|
|
</div>
|
|
</Tooltip>
|
|
))}
|
|
</div>
|
|
);
|
|
|
|
export default BlockChecbox;
|
|
|