39 lines
950 B
Vue
39 lines
950 B
Vue
|
<script setup lang="ts">
|
||
|
|
const avatarURL = ref('');
|
||
|
|
useSystemStore().currentPage = 'calendar';
|
||
|
|
onMounted(async () => {
|
||
|
|
try {
|
||
|
|
avatarURL.value = (await useUserStore().getAvatarURL())!;
|
||
|
|
} catch (e) {
|
||
|
|
console.log(e);
|
||
|
|
}
|
||
|
|
console.log(avatarURL.value);
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<div class="p-6">
|
||
|
|
<div class="flex md:flex-row flex-col">
|
||
|
|
<div class="flex-[1] m-2 max-h-80">
|
||
|
|
<div class="flex flex-row md:flex-col justify-center">
|
||
|
|
<span class="text-2xl ml-auto mr-auto md:mt-6 mt-20 mb-6"
|
||
|
|
>欢迎 {{ useUserStore().userName }}
|
||
|
|
</span>
|
||
|
|
<t-image
|
||
|
|
:src="avatarURL"
|
||
|
|
alt="头像"
|
||
|
|
:fit="'contain'"
|
||
|
|
class="max-h-80 max-w-80 m-auto"
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="flex-[2] m-2">
|
||
|
|
<t-calendar> </t-calendar>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<style scoped lang="less"></style>
|