Cold_erp_web/src/layouts/Header/index.vue

<script setup lang="ts"></script>

<template>
  <div class="header">
    <el-row>
      <el-col :span="12"
        ><div class="grid-content ep-bg-purple" />
        123</el-col
      >
      <el-col :span="4" :offset="8">
        <el-dropdown>
          <el-button type="primary">
            退出登录<el-icon class="el-icon--right"><arrow-down /></el-icon>
          </el-button>
          <template #dropdown>
            <el-dropdown-menu>
              <el-dropdown-item>退出登录</el-dropdown-item>
              <el-dropdown-item>Action 2</el-dropdown-item>
              <el-dropdown-item>Action 3</el-dropdown-item>
            </el-dropdown-menu>
          </template>
        </el-dropdown>
      </el-col>
    </el-row>
  </div>
</template>

<style scoped lang="scss">
.header {
  width: 100%;
}
</style>