Admin.UI/src/layout/index.vue

（开头部分） 19KB

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

<template>
  <el-container class="container" style="height: 100%;">
    <el-aside ref="navBar" v-resizable="resizeOptions" class="aside" :width="navBarWidth">
      <div class="logo collapsedLogo" :class="isCollapse ? 'logo-collapse' : ''">
        <router-link to="/">
          {{ isCollapse ? projectNameShort : projectName }}
        </router-link>
      </div>
      <el-scrollbar class="page-component__scroll" style="border-right: solid 1px #e6e6e6;">
        <el-menu
          :default-active="$route.path"
          :default-openeds="openeds"
          :collapse.sync="isCollapse"
          :unique-opened="false"
          :collapse-transition="false"
          class="aside-menu-vertical"
          @select="onSelectMenu"
        >
          <my-menu-item v-for="menu in menuTree" :key="menu.id" :item="menu" />
        </el-menu>
      </el-scrollbar>
    </el-aside>
    <el-container>
      <el-header class="header" height="auto">
        <el-row class="navbar">
          <el-col :span="10" class="left-menu">
            <div class="left-menu-item fold-btn" :title="isCollapse ? '展开':'收起'" @click="onCollapse">
              <i :class="isCollapse ? 'fa el-icon-s-unfold' : 'fa el-icon-s-fold'" />
            </div>
            <el-breadcrumb
              separator-class="el-icon-arrow-right"
              class="breadcrumb-inner breadcrumb-container"
            >
              <template v-for="(title, index) in menueTitles">
                <el-breadcrumb-item
                  v-if="title"
                  :key="index"
                >{{ title }}</el-breadcrumb-item>
              </template>
            </el-breadcrumb>
          </el-col>
          <el-col :span="4" class="right-menu">
            <el-dropdown trigger="click">
              <div class="right-menu-item">
                <el-image class="user-avatar el-avatar el-avatar--circle" :src="avatar" style="height:36px;width:36px;line-height: 36px;">
                  <template #error>
                    <img :src="avatarDefault">
                  </template>
                </el-image>
                <span>{{ userName }}</span>
              </div>
              <template #dropdown>
                <el-dropdown-menu
                  :visible-arrow="false"
                  style="margin-top: 2px;width:160px;"
                >
                  <el-dropdown-item icon="el-icon-setting" @click.native="Setting">个人设置</el-dropdown-item>
                  <el-dropdown-item divided icon="el-icon-switch-button" @click.native="logout">退出登录</el-dropdown-item>
                </el-dropdown-menu>
              </template>
后面还有 627 行代码，解锁后查看完整代码

24 小时内免费解锁 3 个项目，之后 1 积分/个。 规则说明

AI 解读

登录后可用，每次 10 积分，解读结果公开显示在下面。

还没有人解读过这个文件。