flex-vertical.vue 911 B

123456789101112131415161718192021222324252627282930313233
  1. <script setup lang="tsx">
  2. import { CoffeeOutlined, FireOutlined, SmileOutlined } from '@ant-design/icons-vue';
  3. import { Prompts, type PromptsProps } from 'ant-design-x-vue';
  4. defineOptions({ name: 'AXPromptsFlexVertical' });
  5. const items: PromptsProps['items'] = [
  6. {
  7. key: '6',
  8. icon: <CoffeeOutlined style={{ color: '#964B00' }} />,
  9. description: 'How to rest effectively after long hours of work?',
  10. disabled: false,
  11. },
  12. {
  13. key: '7',
  14. icon: <SmileOutlined style={{ color: '#FAAD14' }} />,
  15. description: 'What are the secrets to maintaining a positive mindset?',
  16. disabled: false,
  17. },
  18. {
  19. key: '8',
  20. icon: <FireOutlined style={{ color: '#FF4D4F' }} />,
  21. description: 'How to stay calm under immense pressure?',
  22. disabled: false,
  23. },
  24. ];
  25. defineRender(() => {
  26. return (
  27. <Prompts title="🤔 You might also want to ask:" items={items} vertical />
  28. )
  29. })
  30. </script>