You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
67 lines
1.4 KiB
67 lines
1.4 KiB
7 years ago
|
|
||
|
|
<cn>
|
||
|
|
#### 信息提示
|
||
|
|
各种类型的信息提示，只提供一个按钮用于关闭。
|
||
|
|
</cn>
|
||
|
|
|
||
|
|
<us>
|
||
|
|
#### Information modal dialog
|
||
|
|
In the various types of information modal dialog, only one button to close dialog is provided.
|
||
|
|
</us>
|
||
|
|
|
||
|
|
```html
|
||
|
|
<template>
|
||
|
|
<div>
|
||
|
|
<a-button @click="info">Info</a-button>
|
||
|
|
<a-button @click="success">Success</a-button>
|
||
|
|
<a-button @click="error">Error</a-button>
|
||
|
|
<a-button @click="warning">Warning</a-button>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
import { Modal } from 'antd'
|
||
|
|
export default {
|
||
|
|
methods: {
|
||
|
|
info() {
|
||
|
|
const h = this.$createElement
|
||
|
|
Modal.info({
|
||
|
|
title: 'This is a notification message',
|
||
|
|
content: h('div',{}, [
|
||
|
|
h('p', 'some messages...some messages...'),
|
||
|
|
h('p', 'some messages...some messages...'),
|
||
|
|
]),
|
||
|
|
onOk() {},
|
||
|
|
});
|
||
|
|
},
|
||
|
|
|
||
|
|
success() {
|
||
|
|
Modal.success({
|
||
|
|
title: 'This is a success message',
|
||
|
|
content: ( // JSX support
|
||
|
|
<div>
|
||
|
|
<p>some messages...some messages...</p>
|
||
|
|
<p>some messages...some messages...</p>
|
||
|
|
</div>
|
||
|
|
),
|
||
|
|
});
|
||
|
|
},
|
||
|
|
|
||
|
|
error() {
|
||
|
|
Modal.error({
|
||
|
|
title: 'This is an error message',
|
||
|
|
content: 'some messages...some messages...',
|
||
|
|
});
|
||
|
|
},
|
||
|
|
|
||
|
|
warning() {
|
||
|
|
Modal.warning({
|
||
|
|
title: 'This is a warning message',
|
||
|
|
content: 'some messages...some messages...',
|
||
|
|
});
|
||
|
|
},
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
```
|
||
|
|
|