mirror of
https://github.com/tusen-ai/naive-ui.git
synced 2024-12-27 05:00:48 +08:00
53 lines
979 B
Markdown
53 lines
979 B
Markdown
# Basic
|
|
```html
|
|
<n-space>
|
|
<n-button @click="info">
|
|
Info
|
|
</n-button>
|
|
<n-button @click="error">
|
|
Error
|
|
</n-button>
|
|
<n-button @click="warning">
|
|
Warning
|
|
</n-button>
|
|
<n-button @click="success">
|
|
Success
|
|
</n-button>
|
|
<n-button @click="loading">
|
|
Loading
|
|
</n-button>
|
|
</n-space>
|
|
```
|
|
```js
|
|
export default {
|
|
inject: ['message'],
|
|
methods: {
|
|
info () {
|
|
this.message.info(
|
|
"I don't know why nobody told you how to unfold your love"
|
|
)
|
|
},
|
|
error () {
|
|
this.message.error(
|
|
"Once upon a time you dressed so fine"
|
|
)
|
|
},
|
|
warning () {
|
|
this.message.warning(
|
|
"How many roads must a man walk down"
|
|
)
|
|
},
|
|
success () {
|
|
this.message.success(
|
|
"'Cause you walked hand in hand With another man in my place"
|
|
)
|
|
},
|
|
loading () {
|
|
this.message.loading(
|
|
"If I were you, I will realize that I love you more than any other guy"
|
|
)
|
|
}
|
|
}
|
|
}
|
|
```
|