mirror of
https://github.com/tusen-ai/naive-ui.git
synced 2024-12-09 04:31:35 +08:00
docs(notification): use n-space
This commit is contained in:
parent
66e8de3e4a
commit
14ef634226
@ -1,11 +1,13 @@
|
||||
# Basic
|
||||
```html
|
||||
<n-button @click="handleClick1">
|
||||
Wouldn't it be Nice
|
||||
</n-button>
|
||||
<n-button @click="handleClick2">
|
||||
Satisfaction
|
||||
</n-button>
|
||||
<n-space>
|
||||
<n-button @click="handleClick1">
|
||||
Wouldn't it be Nice
|
||||
</n-button>
|
||||
<n-button @click="handleClick2">
|
||||
Satisfaction
|
||||
</n-button>
|
||||
</n-space>
|
||||
```
|
||||
```js
|
||||
import { h, resolveComponent } from 'vue'
|
||||
@ -73,8 +75,3 @@ I cant get no, I cant get no`,
|
||||
}
|
||||
}
|
||||
```
|
||||
```css
|
||||
.n-button {
|
||||
margin: 0 12px 8px 0;
|
||||
}
|
||||
```
|
@ -1,17 +1,19 @@
|
||||
# Type
|
||||
```html
|
||||
<n-button @click="notify('info')">
|
||||
Info
|
||||
</n-button>
|
||||
<n-button @click="notify('success')">
|
||||
Success
|
||||
</n-button>
|
||||
<n-button @click="notify('warning')">
|
||||
Warning
|
||||
</n-button>
|
||||
<n-button @click="notify('error')">
|
||||
Error
|
||||
</n-button>
|
||||
<n-space>
|
||||
<n-button @click="notify('info')">
|
||||
Info
|
||||
</n-button>
|
||||
<n-button @click="notify('success')">
|
||||
Success
|
||||
</n-button>
|
||||
<n-button @click="notify('warning')">
|
||||
Warning
|
||||
</n-button>
|
||||
<n-button @click="notify('error')">
|
||||
Error
|
||||
</n-button>
|
||||
</n-space>
|
||||
```
|
||||
```js
|
||||
export default {
|
||||
@ -26,8 +28,3 @@ export default {
|
||||
}
|
||||
}
|
||||
```
|
||||
```css
|
||||
.n-button {
|
||||
margin: 0 12px 8px 0;
|
||||
}
|
||||
```
|
||||
|
@ -1,11 +1,13 @@
|
||||
# 基础用法
|
||||
```html
|
||||
<n-button @click="handleClick1">
|
||||
Wouldn't it be Nice
|
||||
</n-button>
|
||||
<n-button @click="handleClick2">
|
||||
Satisfaction
|
||||
</n-button>
|
||||
<n-space>
|
||||
<n-button @click="handleClick1">
|
||||
Wouldn't it be Nice
|
||||
</n-button>
|
||||
<n-button @click="handleClick2">
|
||||
Satisfaction
|
||||
</n-button>
|
||||
</n-space>
|
||||
```
|
||||
```js
|
||||
import { h, resolveComponent } from 'vue'
|
||||
@ -73,8 +75,3 @@ I cant get no, I cant get no`,
|
||||
}
|
||||
}
|
||||
```
|
||||
```css
|
||||
.n-button {
|
||||
margin: 0 12px 8px 0;
|
||||
}
|
||||
```
|
@ -1,17 +1,19 @@
|
||||
# 类型
|
||||
```html
|
||||
<n-button @click="notify('info')">
|
||||
信息
|
||||
</n-button>
|
||||
<n-button @click="notify('success')">
|
||||
成功
|
||||
</n-button>
|
||||
<n-button @click="notify('warning')">
|
||||
警告
|
||||
</n-button>
|
||||
<n-button @click="notify('error')">
|
||||
错误
|
||||
</n-button>
|
||||
<n-space>
|
||||
<n-button @click="notify('info')">
|
||||
信息
|
||||
</n-button>
|
||||
<n-button @click="notify('success')">
|
||||
成功
|
||||
</n-button>
|
||||
<n-button @click="notify('warning')">
|
||||
警告
|
||||
</n-button>
|
||||
<n-button @click="notify('error')">
|
||||
错误
|
||||
</n-button>
|
||||
</n-space>
|
||||
```
|
||||
```js
|
||||
export default {
|
||||
@ -26,8 +28,3 @@ export default {
|
||||
}
|
||||
}
|
||||
```
|
||||
```css
|
||||
.n-button {
|
||||
margin: 0 12px 8px 0;
|
||||
}
|
||||
```
|
@ -4,5 +4,6 @@
|
||||
<n-button>Oops!</n-button>
|
||||
<n-button>Oops!</n-button>
|
||||
<n-button>Oops!</n-button>
|
||||
<n-button>Long! Long! Cross the line!</n-button>
|
||||
</n-space>
|
||||
```
|
@ -4,5 +4,6 @@
|
||||
<n-button>Oops!</n-button>
|
||||
<n-button>Oops!</n-button>
|
||||
<n-button>Oops!</n-button>
|
||||
<n-button>Long! Long! Cross the line!</n-button>
|
||||
</n-space>
|
||||
```
|
Loading…
Reference in New Issue
Block a user