ant-design-vue/components/input-number/demo/index.vue

54 lines
1.1 KiB
Vue
Raw Normal View History

2018-04-04 05:57:23 +00:00
<script>
2019-01-12 03:33:27 +00:00
import Basic from './basic.md';
import Disabled from './disabled.md';
import Digit from './digit.md';
import Formatter from './formatter.md';
import Size from './size.md';
import CN from '../index.zh-CN.md';
import US from '../index.en-US.md';
2018-04-04 05:57:23 +00:00
const md = {
cn: `# 数字输入框
通过鼠标或键盘输入范围内的数值
## 何时使用
当需要获取标准数值时
## 代码演示`,
2018-04-07 02:32:13 +00:00
us: `# InputNumber
2018-04-04 05:57:23 +00:00
Enter a number within certain range with the mouse or keyboard.
## When To Use
When a numeric value needs to be provided.
## Examples
`,
2019-01-12 03:33:27 +00:00
};
2018-04-04 05:57:23 +00:00
export default {
category: 'Components',
subtitle: '数字输入框',
type: 'Data Entry',
title: 'InputNumber',
2019-09-28 12:45:07 +00:00
render() {
2018-04-04 05:57:23 +00:00
return (
<div>
2019-09-28 12:45:07 +00:00
<md cn={md.cn} us={md.us} />
<br />
2018-04-04 05:57:23 +00:00
<Basic />
2019-09-28 12:45:07 +00:00
<br />
2018-04-04 05:57:23 +00:00
<Size />
<br />
<Disabled />
2019-09-28 12:45:07 +00:00
<br />
2018-04-04 05:57:23 +00:00
<Digit />
2019-09-28 12:45:07 +00:00
<br />
2018-04-04 05:57:23 +00:00
<Formatter />
2019-09-28 12:45:07 +00:00
<br />
2018-04-04 05:57:23 +00:00
<api>
2019-09-28 12:45:07 +00:00
<template slot="cn">
<CN />
2018-04-04 05:57:23 +00:00
</template>
2019-09-28 12:45:07 +00:00
<US />
2018-04-04 05:57:23 +00:00
</api>
</div>
2019-01-12 03:33:27 +00:00
);
2018-04-04 05:57:23 +00:00
},
2019-01-12 03:33:27 +00:00
};
2018-04-04 05:57:23 +00:00
</script>