vue element 顶部显示后台返回前端的状态，表示用户账户认证状态

你可以使用Vue和Element UI来实现在顶部显示用户账户认证状态的功能。假设你从后台获取到了用户账户的认证状态，你可以在Vue组件中进行相应的展示。下面是一个简单的代码示例：

<template>
  <div class="container">
    <el-alert
      :title="authStatusMessage"
      :type="authStatusType"
      :closable="true"
      @close="closeAlert"
    >
    </el-alert>
  </div>
</template>

<script>
export default {
  data() {
    return {
      authStatus: '', // 后台返回的用户账户认证状态，例如 '已认证'、'未认证' 等
    };
  },
  computed: {
    authStatusMessage() {
      if (this.authStatus === '已认证') {
        return '您的账户已认证';
      } else if (this.authStatus === '未认证') {
        return '您的账户未认证';
      } else {
        return '暂无认证状态';
      }
    },
    authStatusType() {
      if (this.authStatus === '已认证') {
        return 'success'; // 成功状态
      } else if (this.authStatus === '未认证') {
        return 'warning'; // 警告状态
      } else {
        return 'info'; // 信息状态
      }
    }
  },
  methods: {
    closeAlert() {
      // 关闭提示消息
    }
  }
};
</script>

<style>
.container {
  padding: 20px;
}
</style>

在这个示例中，`authStatus` 是从后台返回的用户账户认证状态，根据不同的状态，我们使用计算属性 `authStatusMessage` 和 `authStatusType` 来生成不同的提示消息和对应的样式类型。你可以根据实际情况进行修改和扩展。

希望这个示例能够帮助到你！