anonymous
30 lines
510 B
Vue
30 lines
510 B
Vue
<script setup lang="ts">
|
|
import DefaultAavatar from '@/static/images/default-avatar.png'
|
|
|
|
defineProps({
|
|
src: {
|
|
type: String,
|
|
default: undefined,
|
|
},
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<div
|
|
rounded-full
|
|
p-4
|
|
shadow-lg
|
|
style="background: linear-gradient(45deg, #ffdd99 0%, #efb85a 100%)"
|
|
>
|
|
<image
|
|
block
|
|
overflow-hidden
|
|
rounded-full
|
|
bg-gray-100
|
|
class="h-full w-full"
|
|
mode="aspectFill"
|
|
:src="src ? src : DefaultAavatar"
|
|
/>
|
|
</div>
|
|
</template>
|