variant.vue 879 B

123456789101112131415161718192021222324252627282930
  1. <script setup lang="ts">
  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: 'AXWelcomeVariantSetup' });
  6. </script>
  7. <template>
  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. >
  14. <template #extra>
  15. <Space>
  16. <Button>
  17. <template #icon>
  18. <ShareAltOutlined />
  19. </template>
  20. </Button>
  21. <Button>
  22. <template #icon>
  23. <EllipsisOutlined />
  24. </template>
  25. </Button>
  26. </Space>
  27. </template>
  28. </Welcome>
  29. </template>