ant-design-vue/components/calendar/demo/index.vue

52 lines
1.1 KiB
Vue
Raw Normal View History

2018-03-14 14:00:43 +00:00
<script>
2019-01-12 03:33:27 +00:00
import Basic from './basic';
import Card from './card';
import NoticeCalendar from './notice-calendar';
import Select from './select';
import CN from '../index.zh-CN.md';
import US from '../index.en-US.md';
2018-03-14 14:00:43 +00:00
const md = {
cn: `# Calendar 日历
按照日历形式展示数据的容器
## 何时使用
当数据是日期或按照日期划分时例如日程课表价格日历等农历等目前支持年/月切换
## 代码演示`,
us: `# Calendar
Container for displaying data in calendar form.
## When To Use
2018-03-20 13:48:01 +00:00
When data is in the form of dates, such as schedules, timetables, prices calendar, lunar calendar. This component also supports Year/Month switch.
## Examples
`,
2019-01-12 03:33:27 +00:00
};
2018-03-14 14:00:43 +00:00
export default {
category: 'Components',
type: 'Data Display',
zhType: '数据展示',
2018-03-14 14:00:43 +00:00
subtitle: '日历',
cols: 1,
title: 'Calendar',
2019-09-28 12:45:07 +00:00
render() {
2018-03-14 14:00:43 +00:00
return (
<div>
2019-09-28 12:45:07 +00:00
<md cn={md.cn} us={md.us} />
2018-03-14 14:00:43 +00:00
<Basic />
<Card />
<NoticeCalendar />
<Select />
<api>
2019-09-28 12:45:07 +00:00
<CN slot="cn" />
<US />
2018-03-14 14:00:43 +00:00
</api>
</div>
2019-01-12 03:33:27 +00:00
);
2018-03-14 14:00:43 +00:00
},
2019-01-12 03:33:27 +00:00
};
2018-03-14 14:00:43 +00:00
</script>