index.jsx 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. import React from 'react';
  2. import { Select, Popover, Tag } from '@douyinfe/semi-ui';
  3. const { Option } = Select;
  4. function Demo() {
  5. return (
  6. <div>
  7. <div style={{ width: 200, height: 2000, backgroundColor: 'gray' }}>区块1</div>
  8. <Popover
  9. content={(
  10. <div style={{ padding: 20 }} id={'popup-container'}>
  11. <p>123456</p>
  12. <div />
  13. <Select
  14. defaultValue="abc"
  15. style={{ width: 120 }}
  16. getPopupContainer={() => document.querySelector('#popup-container')}
  17. >
  18. <Option value="abc">抖音</Option>
  19. <Option value="hotsoon">火山</Option>
  20. <Option value="pipixia" disabled>
  21. 皮皮虾
  22. </Option>
  23. <Option value="xigua">西瓜视频</Option>
  24. </Select>
  25. </div>
  26. )}
  27. trigger="click"
  28. showArrow
  29. >
  30. <Tag>点击此处</Tag>
  31. </Popover>
  32. </div>
  33. );
  34. }
  35. export default Demo;