element ui 顶栏

Element UI 提供了一个名为 `el-header` 的组件，用于创建顶栏。你可以在顶栏中放置 Logo、导航栏、搜索框等内容。

下面是一个简单的示例代码，展示如何创建一个基本的顶栏：

<template>
  <el-header>
    <!-- 在这里放置顶栏的内容 -->
  </el-header>
</template>

你可以在 `<el-header>` 标签内放置其他的 Element UI 组件或自定义内容，来组成你想要的顶栏布局。例如，可以使用 `<el-row>` 和 `<el-col>` 创建栅格化布局。

<template>
  <el-header>
    <el-row>
      <el-col :span="8">
        <!-- 放置 Logo 或其他内容 -->
      </el-col>
      <el-col :span="16">
        <!-- 放置导航栏或其他内容 -->
      </el-col>
    </el-row>
  </el-header>
</template>

注意：上述代码只是一个示例，你可以根据实际需求进行修改和扩展。还可以通过 CSS 对顶栏进行样式调整和定制。