头像 Avatar

代表用户或事物 🐥

基础使用

点击展开

<ik-avatar /> <ik-avatar square />

自定义链接

点击展开

<ik-avatar url="https://avatars.githubusercontent.com/u/40457081?s=48&v=4" />

大小可选

可选small、default、large，默认为default

点击展开

<script lang="ts" setup>
  const avatarUrl = ref<string | undefind>('https://avatars.githubusercontent.com/u/40457081?s=48&v=4')
</script>
<template>
  <ik-avatar size="small" :url="avatarUrl" />
  <ik-avatar size="default" :url="avatarUrl" />
  <ik-avatar size="large" :url="avatarUrl" />
</template>