import {Dropdown} from 'antd'
import {BarsOutlined } from '@ant-design/icons';
const operateList =[
{val:'talked',name:'XXXX',icon:<UserOutlined style={{fontSize:15}}/>},
{val:'confirmed',name:'XXXX',icon:<AppstoreOutlined style={{fontSize:15}}/>},
{val:'quote',name:'XXXX',icon:<PayCircleOutlined />},
{val:'approved',name:'XXXX',icon:<LikeOutlined style={{fontSize:15}}/>},
{val:'signed',name:'XXXX',icon:<EditOutlined style={{fontSize:15}}/>},
{val:'assign',name:'XXXX',icon:<UserAddOutlined style={{fontSize:15}}/>},
{val:'recycle',name:'XXXX',icon:<DeleteOutlined style={{fontSize:15}}/>},
{val:'resign',name:'XXXX',icon:<CopyrightOutlined style={{fontSize:15}}/>},
]
class CustomerDetail extends Component {
menus=(
<Menu onClick={(event)=>{this.menuOperateHandle(event)}}>
{
operateList.map((item:any,index:number)=>{
return (
<Menu.Item key={item.val} >
{item.icon} {item.name}
</Menu.Item>
)
})
}
</Menu>
);
menuOperateHandle(item:any){
console.log(item.key)
};
render(){
<Dropdown overlay={this.menus} placement="bottomCenter">
<BarsOutlined style={{fontSize:20,marginLeft:10,color:'purple'}}/>
</Dropdown>
}
}
Ant designpro(12):下拉框
最新推荐文章于 2024-07-15 17:50:58 发布