From 542963843541c8ab07eb309d8aa73920d152e001 Mon Sep 17 00:00:00 2001
From: liumeo <liumeo@pku.edu.cn>
Date: Mon, 2 Dec 2019 02:06:07 +0800
Subject: [PATCH] avatar-zhcn

---
 .../components/avatar/enUS/shape.md           |  2 +-
 .../components/avatar/zhCN/badge.md           |  7 +++++++
 .../components/avatar/zhCN/color.md           | 14 +++++++++++++
 .../components/avatar/zhCN/icon.md            | 21 +++++++++++++++++++
 .../components/avatar/zhCN/index.md           |  9 ++++++++
 .../components/avatar/zhCN/nameSize.md        | 16 ++++++++++++++
 .../components/avatar/zhCN/shape.md           | 10 +++++++++
 .../components/avatar/zhCN/size.md            | 10 +++++++++
 8 files changed, 88 insertions(+), 1 deletion(-)
 create mode 100644 demo/documentation/components/avatar/zhCN/badge.md
 create mode 100644 demo/documentation/components/avatar/zhCN/color.md
 create mode 100644 demo/documentation/components/avatar/zhCN/icon.md
 create mode 100644 demo/documentation/components/avatar/zhCN/nameSize.md
 create mode 100644 demo/documentation/components/avatar/zhCN/shape.md
 create mode 100644 demo/documentation/components/avatar/zhCN/size.md

diff --git a/demo/documentation/components/avatar/enUS/shape.md b/demo/documentation/components/avatar/enUS/shape.md
index 3ca1f600c..747cbefc8 100644
--- a/demo/documentation/components/avatar/enUS/shape.md
+++ b/demo/documentation/components/avatar/enUS/shape.md
@@ -1,4 +1,4 @@
-# Size
+# Shape
 
 Avatar can be circle shaped.
 
diff --git a/demo/documentation/components/avatar/zhCN/badge.md b/demo/documentation/components/avatar/zhCN/badge.md
new file mode 100644
index 000000000..cf4505de8
--- /dev/null
+++ b/demo/documentation/components/avatar/zhCN/badge.md
@@ -0,0 +1,7 @@
+# 徽标 
+
+```html
+<n-badge value="666">
+  <n-avatar>666</n-avatar>
+</n-badge>
+```
diff --git a/demo/documentation/components/avatar/zhCN/color.md b/demo/documentation/components/avatar/zhCN/color.md
new file mode 100644
index 000000000..e4aec185e
--- /dev/null
+++ b/demo/documentation/components/avatar/zhCN/color.md
@@ -0,0 +1,14 @@
+# 颜色
+
+```html
+<n-avatar :themed-style="{
+  light: {
+    color: 'yellow',
+    backgroundColor: 'red'
+  },
+  dark: {
+     color: 'red',
+    backgroundColor: 'yellow'
+  }
+}">Liu<br>Dehua</n-avatar>
+```
diff --git a/demo/documentation/components/avatar/zhCN/icon.md b/demo/documentation/components/avatar/zhCN/icon.md
new file mode 100644
index 000000000..7b0346d6e
--- /dev/null
+++ b/demo/documentation/components/avatar/zhCN/icon.md
@@ -0,0 +1,21 @@
+# 图标
+```html
+<n-avatar>
+  <n-icon>
+    <md-cash />
+  </n-icon>
+</n-avatar>
+```
+```js
+import mdCash from 'naive-ui/lib/icons/md-cash'
+import mdContacts from 'naive-ui/lib/icons/md-contacts'
+import iosContacts from 'naive-ui/lib/icons/ios-contacts'
+
+export default {
+  components: {
+    mdCash,
+    mdContacts,
+    iosContacts
+  }
+}
+```
diff --git a/demo/documentation/components/avatar/zhCN/index.md b/demo/documentation/components/avatar/zhCN/index.md
index e69de29bb..3c5ec4998 100644
--- a/demo/documentation/components/avatar/zhCN/index.md
+++ b/demo/documentation/components/avatar/zhCN/index.md
@@ -0,0 +1,9 @@
+# 头像
+```demo
+size
+shape
+color
+badge
+icon
+name-size
+```
diff --git a/demo/documentation/components/avatar/zhCN/nameSize.md b/demo/documentation/components/avatar/zhCN/nameSize.md
new file mode 100644
index 000000000..3d6a22174
--- /dev/null
+++ b/demo/documentation/components/avatar/zhCN/nameSize.md
@@ -0,0 +1,16 @@
+# 字号
+```html
+<n-avatar>{{ value }}</n-avatar>
+<n-avatar circle>{{ value }}</n-avatar>
+<n-avatar circle>刘<br>{{ value }}</n-avatar>
+<n-input v-model="value"/>
+```
+```js
+export default {
+  data () {
+    return {
+      value: '德华'
+    }
+  }
+}
+```
diff --git a/demo/documentation/components/avatar/zhCN/shape.md b/demo/documentation/components/avatar/zhCN/shape.md
new file mode 100644
index 000000000..0423cecea
--- /dev/null
+++ b/demo/documentation/components/avatar/zhCN/shape.md
@@ -0,0 +1,10 @@
+# 形状
+
+头像可以是圆形。
+
+```html
+<n-avatar circle size="small" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1573566445479&di=8804b1996cbf89582232a3994665454c&imgtype=jpg&src=http%3A%2F%2Fimg4.imgtn.bdimg.com%2Fit%2Fu%3D3628555514%2C2933400515%26fm%3D214%26gp%3D0.jpg"/>
+<n-avatar circle size="medium" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1573566445479&di=8804b1996cbf89582232a3994665454c&imgtype=jpg&src=http%3A%2F%2Fimg4.imgtn.bdimg.com%2Fit%2Fu%3D3628555514%2C2933400515%26fm%3D214%26gp%3D0.jpg"/>
+<n-avatar circle size="large" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1573566445479&di=8804b1996cbf89582232a3994665454c&imgtype=jpg&src=http%3A%2F%2Fimg4.imgtn.bdimg.com%2Fit%2Fu%3D3628555514%2C2933400515%26fm%3D214%26gp%3D0.jpg"/>
+<n-avatar circle :size="48" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1573566445479&di=8804b1996cbf89582232a3994665454c&imgtype=jpg&src=http%3A%2F%2Fimg4.imgtn.bdimg.com%2Fit%2Fu%3D3628555514%2C2933400515%26fm%3D214%26gp%3D0.jpg"/>
+```
diff --git a/demo/documentation/components/avatar/zhCN/size.md b/demo/documentation/components/avatar/zhCN/size.md
new file mode 100644
index 000000000..c46ee7a47
--- /dev/null
+++ b/demo/documentation/components/avatar/zhCN/size.md
@@ -0,0 +1,10 @@
+# 尺寸
+
+头像有 `small`、`medium`、`large` 尺寸。
+
+```html
+<n-avatar size="small" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1573566445479&di=8804b1996cbf89582232a3994665454c&imgtype=jpg&src=http%3A%2F%2Fimg4.imgtn.bdimg.com%2Fit%2Fu%3D3628555514%2C2933400515%26fm%3D214%26gp%3D0.jpg"/>
+<n-avatar size="medium" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1573566445479&di=8804b1996cbf89582232a3994665454c&imgtype=jpg&src=http%3A%2F%2Fimg4.imgtn.bdimg.com%2Fit%2Fu%3D3628555514%2C2933400515%26fm%3D214%26gp%3D0.jpg"/>
+<n-avatar size="large" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1573566445479&di=8804b1996cbf89582232a3994665454c&imgtype=jpg&src=http%3A%2F%2Fimg4.imgtn.bdimg.com%2Fit%2Fu%3D3628555514%2C2933400515%26fm%3D214%26gp%3D0.jpg"/>
+<n-avatar :size="48" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1573566445479&di=8804b1996cbf89582232a3994665454c&imgtype=jpg&src=http%3A%2F%2Fimg4.imgtn.bdimg.com%2Fit%2Fu%3D3628555514%2C2933400515%26fm%3D214%26gp%3D0.jpg"/>
+```