vue-admin-template 常用配制修改

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中的

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 文件