<template>
  <div class="avue-top">
    <div class="top-left">{{tag.label}}</div>
    <div class="top-right">
      <div class="avatar"></div>
      <i class="el-icon-arrow-down"></i>
    </div>
  </div>
</template>
<script>
import { mapGetters } from "vuex";
export default {
  computed: {
    ...mapGetters(["tagWel", "tagList", "tag", "website"]),
  },
};
</script>

<style lang="scss" scoped>
.top-left {
  color: #273240;
  font-size: 30px;
  font-weight: 500;
}
.top-right {
  display: flex;
  align-items: center;
  .avatar {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: skyblue;
    margin-right: 18px;
  }
  i {
    font-style: normal;
    font-size: 20px;
    color: #6e7e92;
    font-weight: 800;
  }
}
</style>
