更新记录

1.0.0（2023-05-03） 下载此版本

完成

平台兼容性

Avatar 头像

Avatar 参数

Avatar-gorup 参数

示例

基础用法

<ayi-avatar src="/static/avatar.png"></ayi-avatar>
<ayi-avatar src="/static/avatar.png" shape="square"></ayi-avatar>

占位

<ayi-avatar><ayi-icon name="my" :size="40"></ayi-icon></ayi-avatar>
<ayi-avatar name="无语"></ayi-avatar>

不同大小

<ayi-avatar :size="100" src="/static/avatar.png"></ayi-avatar>
<ayi-avatar :size="120" src="/static/avatar.png"></ayi-avatar>
<ayi-avatar :size="140" src="/static/avatar.png"></ayi-avatar>

头像组

<template>
 <ayi-avatar-group :urls="urls"></ayi-avatar-group>
</template>
<script lang="ts" setup>
import { ref } from "vue";

const urls = ref<string[]>([
  "/static/avatar.png",
  "/static/avatar.png",
  "/static/avatar.png",
]);
</script>