123456789101112131415161718192021222324252627282930313233 |
- <script setup lang="tsx">
- import { CoffeeOutlined, FireOutlined, SmileOutlined } from '@ant-design/icons-vue';
- import { Prompts, type PromptsProps } from 'ant-design-x-vue';
- defineOptions({ name: 'AXPromptsFlexVertical' });
- const items: PromptsProps['items'] = [
- {
- key: '6',
- icon: <CoffeeOutlined style={{ color: '#964B00' }} />,
- description: 'How to rest effectively after long hours of work?',
- disabled: false,
- },
- {
- key: '7',
- icon: <SmileOutlined style={{ color: '#FAAD14' }} />,
- description: 'What are the secrets to maintaining a positive mindset?',
- disabled: false,
- },
- {
- key: '8',
- icon: <FireOutlined style={{ color: '#FF4D4F' }} />,
- description: 'How to stay calm under immense pressure?',
- disabled: false,
- },
- ];
- defineRender(() => {
- return (
- <Prompts title="🤔 You might also want to ask:" items={items} vertical />
- )
- })
- </script>
|