一步步创建vue-element-admin框架实现008-动态设置Logo和固定navbar头

一步步创建vue-element-admin框架实现008-动态设置Logo和固定navbar头

一、效果

动态设置展示sidebar系统Logo、固定navbar头

界面设置

二、配置实现

1）新增文件：src\components\RightPanel\index.vue

直接拷贝my-vue-element-admin的src\components\RightPanel\index.vue文件

修改内容：

  computed: {
    theme() {
      return '#1890ff'
    }
  },

2）新增文件：src\layout\components\Settings\index.vue

直接拷贝my-vue-element-admin的src\layout\components\Settings\index.vue文件

改写内容：这里只要两个设置就好，其他功能的设置，后面再加

3）新增文件：src\utils\index.js

直接拷贝my-vue-element-admin的src\utils\index.js文件

4）在layout配置使用：src\layout\index.vue

5）在src\settings.js设置展示