From 9f3b3ad625fdf876cecc1c90a9acf4716db22d34 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=AE=9D=E5=AE=9D=E5=AE=9D?= <wangdabao@js.cool>
Date: Mon, 26 Sep 2022 01:32:47 +0000
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8(component):=20=E5=A2=9E=E5=8A=A0avata?=
 =?UTF-8?q?r=E7=BB=84=E4=BB=B6=E6=8F=92=E6=A7=BD,=E6=94=AF=E6=8C=81?=
 =?UTF-8?q?=E5=9B=BE=E6=A0=87=E5=92=8C=E6=96=87=E6=9C=AC=E6=96=B9=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package/component/src/component/avatar/index.vue     | 11 ++++++++---
 package/component/src/component/avatarList/index.vue |  5 ++++-
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/package/component/src/component/avatar/index.vue b/package/component/src/component/avatar/index.vue
index 5483e423..5f8f1012 100644
--- a/package/component/src/component/avatar/index.vue
+++ b/package/component/src/component/avatar/index.vue
@@ -1,5 +1,5 @@
 <script lang="ts">
-import { computed } from "vue";
+import { computed, useSlots } from "vue";
 export default {
   name: "LayAvatar",
 };
@@ -7,7 +7,6 @@ export default {
 
 <script setup lang="ts">
 import "./index.less";
-
 export interface LayAvatarProps {
   src?: string;
   size?: "xs" | "sm" | "md" | "lg";
@@ -27,8 +26,14 @@ const classes = computed(() => {
     props.size ? `layui-avatar-${props.size}` : "",
   ];
 });
+const slot = useSlots();
 </script>
 
 <template>
-  <img :alt="alt" :src="src" :class="classes" />
+  <span v-if="!slot.default" :class="classes">
+    <img :alt="alt" :src="src"   />
+  </span>
+  <span :class="classes" v-else >
+    <slot></slot>
+  </span>
 </template>
diff --git a/package/component/src/component/avatarList/index.vue b/package/component/src/component/avatarList/index.vue
index 5fdea488..4e30f2cd 100644
--- a/package/component/src/component/avatarList/index.vue
+++ b/package/component/src/component/avatarList/index.vue
@@ -1,10 +1,13 @@
 <script lang="ts">
+import { computed, CSSProperties, useSlots, useAttrs } from "vue";
 export default {
   name: "LayAvatarList",
 };
 </script>
 
-<script setup lang="ts"></script>
+<script setup lang="ts">
+const slot = useSlots();
+</script>
 
 <template>
   <div class="layui-avatar-list">