vue-admin-template 常用配制修改
vue-admin-template
PanJiaChen/vue-admin-template: 基于 Vue.js 和 Element UI 的后台管理系统模板,支持多语言、主题和布局切换。该项目提供了一个完整的后台管理系统模板,可以方便地实现后台管理系统的快速搭建和定制,同时支持多种数据源和插件扩展。
项目地址:https://gitcode.com/gh_mirrors/vu/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
文件
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 年前
更多推荐
已为社区贡献6条内容
所有评论(0)