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

39 lines
1016 B
Vue

<script>
import Duration from './duration'
import Info from './info'
import Loading from './loading'
import Other from './other'
import CN from '../index.zh-CN.md'
import US from '../index.en-US.md'
const md = {
cn: `# 全局提示
全局展示操作反馈信息。
## 何时使用
- 可提供成功、警告和错误等反馈信息。
- 顶部居中显示并自动消失,是一种不打断用户操作的轻量级提示方式。
## 代码演示`,
us: `# Message
Display global messages as feedback in response to user operations.
## When To Use
- To provide feedback such as success, warning, error etc.
- A message is displayed at top and center and will be dismissed automatically, as a non-interrupting light-weighted prompt.`,
}
export default {
render () {
return (
<div>
<md cn={md.cn} us={md.us}/>
<Info />
<Duration />
<Loading />
<Other />
<api>
<CN slot='cn' />
<US/>
</api>
</div>
)
},
}
</script>