1、修改应用的名称

找到src目录下的settings.js配置文件,修改为如下所示

module.exports = {

  title: 'xxx管理系统',

  /**
   * @type {boolean} true | false
   * @description Whether fix the header
   */
  fixedHeader: true,   //固定头部

  /**
   * @type {boolean} true | false
   * @description Whether show the logo in sidebar
   */
  sidebarLogo: true  //显示图标
}

2、修改右侧的下拉菜单

找到src/layout/components下的Navbar.vue文件,把el-dropdown-menu修改为如下所示代码

<el-dropdown-menu  slot="dropdown" class="user-dropdown">
          <el-dropdown-item divided>
            <span style="display:block;">重置密码</span>
          </el-dropdown-item>
          <el-dropdown-item divided @click.native="logout">
            <span style="display:block;">退出登录</span>
          </el-dropdown-item>
</el-dropdown-menu>

3、菜单改为打开一个

自动伸缩其他菜单

找到src/layout下的components目录,修改SideBar目录下的index.vue中的 :unique-opened="true"

4、修改面包屑导航提示文字

找到src/layout下的components目录,修改Breadcrumb目录下的index.vue中的

image-20220216115602498

if (!this.isDashboard(first)) {
        matched = [{ path: '/dashboard', meta: { title: '首页' }}].concat(matched)
      }

5、分页组件英文改中文

找到src/main.js文件

//英文
import locale from 'element-ui/lib/locale/lang/en' // lang i18n

改为

//中文
import locale from 'element-ui/lib/locale/lang/zh-CN'

6、左侧边栏的相关修改

系统的标题和Logo

找到 src/layout/components/Sidebar/Logo.vue 页面
在data里面修改
在这里插入图片描述

根菜单的显示

找到 src\router\index.js 文件
在这里插入图片描述

GitHub 加速计划 / vu / vue-admin-template
19.83 K
7.39 K
下载
PanJiaChen/vue-admin-template: 基于 Vue.js 和 Element UI 的后台管理系统模板,支持多语言、主题和布局切换。该项目提供了一个完整的后台管理系统模板,可以方便地实现后台管理系统的快速搭建和定制,同时支持多种数据源和插件扩展。
最近提交(Master分支:2 个月前 )
4c18a3f4 - 2 年前
714ded11 - 4 年前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐