practice_ArticleVote_Vue/src/components/home/AsideMenu.vue

<template>
  <div class="aside-container">
    <div class="logo">
      <img src="../../assets/logo.svg" alt="投票系统" class="logo-img" />
      <div class="logo-text">投票管理系统</div>
    </div>

    <el-menu router :default-active="article" background-color="#1a3058" text-color="rgba(255,255,255,0.8)"
      active-text-color="#ffd04b" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose">
      <el-menu-item index="article">
        <el-icon><icon-menu /></el-icon>
        <span>发布文章</span>
      </el-menu-item>
      <el-menu-item index="articleList">
        <el-icon><icon-menu /></el-icon>
        <span>文章投票</span>
      </el-menu-item>
      <el-menu-item index="voteRecord">
        <el-icon><icon-menu /></el-icon>
        <span>文章投票管理</span>
      </el-menu-item>
      <!-- <el-menu-item index="articleList">
        <el-icon><icon-menu /></el-icon>
        <span>文章列表</span>
      </el-menu-item> -->
      <!-- <el-menu-item index="test">
          <el-icon><icon-menu /></el-icon>
          <span>test</span>
        </el-menu-item> -->
    </el-menu>
  </div>
</template>

<script setup>
</script>

<style scoped></style>