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

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 文件
在这里插入图片描述

  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

暗恋花香

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值