docs(notification): use n-space

This commit is contained in:
07akioni 2020-10-26 12:44:52 +08:00
parent 66e8de3e4a
commit 14ef634226
6 changed files with 46 additions and 56 deletions

View File

@ -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;
}
```

View File

@ -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;
}
```

View File

@ -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;
}
```

View File

@ -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;
}
```

View File

@ -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>
```

View File

@ -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>
```