<template>
  <div class="header">
    <img :src="item.advisorBasic?.avatar" alt="" />
    <div class="tg-name">
      <h4>{{ item.advisorBasic?.showName }}</h4>
      <p>{{ item.createTime }}</p>
    </div>
  </div>
</template>

<script setup>
import { defineProps } from "vue";
defineProps({
  item: {
    type: Object,
    default: () => ({}),
  },
});
</script>
<style scoped lang="scss">
.header {
  display: flex;
  img {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    margin-right: 12px;
  }
  .tg-name {
    text-align: left;
    h4 {
      color: #666666;
      font-size: 28px;
      font-weight: 400;
      line-height: 28px;
      margin-bottom: 12px;
    }
    p {
      color: #999999;
      font-size: 24px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
    }
  }
}
</style>
