10.后台管理系统-首页头部组件制作

最新推荐文章于 2024-05-22 10:49:49 发布

一只小泰迪

最新推荐文章于 2024-05-22 10:49:49 发布

阅读量824

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/weixin_38644630/article/details/110144519

版权

10.后台管理系统-首页头部组件制作

1.新建首页头部组件

组件位置：components/common/CommonHeader.vue
组件内容

<template>
  <header>
    <div>
      <i class="el-icon-s-fold"></i>
      <i class="el-icon-s-unfold" v-show="false"></i>
    </div>
    <div class="opt-wrapper">
      <el-dropdown :hide-on-click="false">
        <span class="el-dropdown-link"> <img :src="avatar" alt="" class="avatar"/></span>
        <el-dropdown-menu slot="dropdown">
          <el-dropdown-item><i class="el-icon-info"></i>个人中心</el-dropdown-item>
          <el-dropdown-item><i class="el-icon-switch-button"></i>退出登录</el-dropdown-item>
        </el-dropdown-menu&g