用vue帮我写一个用户中心界面，用户中心分为三个内容，页头、内容、页脚。内容又分为左右两边，左边是导航栏，导航栏里面有"我的资料、我的投稿、立即投稿、我的评论、我的收藏、浏览历史、修改密码"，右边是每月活跃度图。页头有一个logo，搜索框。页脚有关于我们的信息。

好的，可以参考下面的代码实现：

<template>
  <div class="user-center">
    <!-- 页头 -->
    <div class="header">
      <img src="./logo.png" alt="logo">
      <input type="text" placeholder="搜索">
    </div>
    <!-- 内容 -->
    <div class="content">
      <!-- 左侧导航栏 -->
      <div class="nav">
        <ul>
          <li>我的资料</li>
          <li>我的投稿</li>
          <li>立即投稿</li>
          <li>我的评论</li>
          <li>我的收藏</li>
          <li>浏览历史</li>
          <li>修改密码</li>
        </ul>
      </div>
      <!-- 右侧活跃度图 -->
      <div class="chart">
        <img src="./chart.png" alt="每月活跃度图">
      </div>
    </div>
    <!-- 页脚 -->
    <div class="footer">
      <p>关于我们：XXXXXXX</p>
    </div>
  </div>
</template>

<style>
  .user-center {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
  }

  .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
  }

  .header img {
    width: 100px;
    height: 50px;
  }

  .header input {
    width: 200px;
    height: 30px;
    border: none;
    border-radius: 15px;
    padding: 5px 10px;
    outline: none;
  }

  .content {
    flex: 1;
    display: flex;
    justify-content: space-between;
    padding: 20px;
  }

  .nav {
    width: 200px;
    height: 100%;
  }

  .nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .nav ul li {
    margin: 10px 0;
    cursor: pointer;
  }

  .chart {
    width: 300px;
    height: 200px;
  }

  .footer {
    height: 50px;
    background-color: #f0f0f0;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .footer p {
    margin: 0;
  }
</style>

以上代码实现了一个简单的用户中心界面，包含了页头、内容和页脚，以及左侧导航栏和右侧活跃度图的内容。你可以根据需要进行样式和功能的修改。