variant.vue 745 B

123456789101112131415161718192021222324
  1. <script setup lang="tsx">
  2. import { EllipsisOutlined, ShareAltOutlined } from '@ant-design/icons-vue';
  3. import { Button, Space } from 'ant-design-vue';
  4. import { Welcome } from 'ant-design-x-vue';
  5. defineOptions({ name: 'AXWelcomeVariant' });
  6. defineRender(() => {
  7. return (
  8. <Welcome
  9. variant="borderless"
  10. icon="https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*s5sNRo5LjfQAAAAAAAAAAAAADgCCAQ/fmt.webp"
  11. title="Hello, I'm Ant Design X"
  12. description="Base on Ant Design, AGI product interface solution, create a better intelligent vision~"
  13. extra={
  14. <Space>
  15. <Button icon={<ShareAltOutlined />} />
  16. <Button icon={<EllipsisOutlined />} />
  17. </Space>
  18. }
  19. />
  20. )
  21. });
  22. </script>