adui
Version:
<div> <img src="https://wxa.wxs.qq.com/mpweb/delivery/legacy/wxadtouch/upload/t1/od834zef_52939fc6.png" style="margin:40px 0 0 -8px; background-color: #fcfcfc; box-shadow: none;" /> </div>
42 lines (38 loc) • 1.06 kB
Markdown
---
order: 0
title:
zh-CN: 内部驱动
en-US: Type
---
下拉展开行动菜单：
```jsx
const [visible, setVisible] = useState(false)
return (
<Popover
visible={visible}
onVisibleChange={(bool) => setVisible(bool)}
arrowed={false}
popup={
<Menu onItemClick={(index) => setVisible(false)}>
<Menu.Item index="1">修改</Menu.Item>
<Menu.Item index="2">复制</Menu.Item>
<Menu.Item index="2">删除</Menu.Item>
<Menu.SubMenu index="sub-1" title="下载">
<Menu.Item index="0-0">PDF</Menu.Item>
<Menu.Item index="0-1">网页</Menu.Item>
<Menu.SubMenu index="sub-0-2" title="图片">
<Menu.Item index="0-2">Jpeg</Menu.Item>
<Menu.Item index="0-3">Png</Menu.Item>
<Menu.Item index="0-4">Webp</Menu.Item>
</Menu.SubMenu>
</Menu.SubMenu>
</Menu>
}
trigger="click"
>
<Button leftIcon="edit-outlined" rightIcon="triangle-down" active={visible}>
编辑广告
</Button>
</Popover>
)
```