❗ 重命名 docs 为 example

example/docs/zh-CN/components/avatar.md

@@ -0,0 +1,94 @@
+::: title 基础使用
+:::
+
+::: demo
+
+<template>
+  <lay-avatar :src="src"></lay-avatar>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+  setup() {
+
+    const src = ref("https://portrait.gitee.com/uploads/avatars/user/2813/8441097_shaynas_1610801433.png")
+
+    return {
+        src
+    }
+  }
+}
+</script>
+
+:::
+
+::: title 圆角头像
+:::
+
+::: demo
+
+<template>
+  <lay-avatar :src="src" radius></lay-avatar>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+
+    setup() {
+
+        const src = "https://portrait.gitee.com/uploads/avatars/user/2813/8441097_shaynas_1610801433.png"
+        
+        return {
+            src
+        }
+  }
+}
+</script>
+
+:::
+
+::: title 尺寸大小
+:::
+
+::: demo
+
+<template>
+  <lay-avatar :src="src" size="xs"></lay-avatar> 
+  <lay-avatar :src="src" size="sm"></lay-avatar>
+  <lay-avatar :src="src"></lay-avatar>
+  <lay-avatar :src="src" size="lg"></lay-avatar>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+    setup() {
+
+        const src = "https://portrait.gitee.com/uploads/avatars/user/2813/8441097_shaynas_1610801433.png"
+
+        return {
+          src
+        }
+  }
+}
+</script>
+
+:::
+
+::: title 头像属性
+:::
+
+::: table
+
+| 属性   | 描述 | 可选值         |
+| ------ | ---- | -------------- |
+| src    | 图源 | --             |
+| size   | 尺寸 | `xs` `sm` `lg` |
+| radius | 圆形 | `true` `false` |
+
+:::