<script setup lang="ts">
  const x = ref();
</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="/avatar.jpg"
            alt="头像"
            shape="circle"
            :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>
