naive-ui/demo/documentation/components/avatar/zhCN/size.demo.md

16 lines
512 B
Markdown
Raw Normal View History

2019-12-02 02:06:07 +08:00
# 尺寸
2020-02-03 20:36:18 +08:00
头像有 `small`、`medium` 和 `large` 大小,也可以自己设定尺寸。
2019-12-02 02:06:07 +08:00
```html
2020-08-02 00:35:14 +08:00
<n-avatar size="small" src="https://07akioni.oss-cn-beijing.aliyuncs.com/07akioni.jpeg"/>
<n-avatar size="medium" src="https://07akioni.oss-cn-beijing.aliyuncs.com/07akioni.jpeg"/>
<n-avatar size="large" src="https://07akioni.oss-cn-beijing.aliyuncs.com/07akioni.jpeg"/>
<n-avatar :size="48" src="https://07akioni.oss-cn-beijing.aliyuncs.com/07akioni.jpeg"/>
2019-12-02 02:06:07 +08:00
```
2020-02-03 20:36:18 +08:00
```css
.n-avatar {
margin: 0 8px 12px 0;
}
```