vue-element-admin学习笔记--权限加载及自定义布局(8)

今天把最后的右侧setting的抽屉代码实现一下,总体还是比较简单。主题部分如果是本地下载的,需要按照文档说明中下载打包主题到本地。如果按照目前官方的换肤方式,相对容易。
布局相关的学习基本结束,下一步先测试一下指令权限部分。

setting个性化配置

vue-element-admin的源码中setting主要有4个配置:主题、固定header、显示隐藏NavBar、侧边栏siderbar的logo.默认的初始值在src>setting中设置.在src>layouts>components下新建Settings组件。
主题部分按照源码中的官方换肤标准,引入ThemePicker组件。在src>components下新建ThemePicker组件。并引入代码。
其他相关的配置,注意需要在layouts组件中定义一下,并增加判断,实现相对简单。但目前的配置只在vuex中,刷新页面后会被初始化。可以将配置放到cookie中.

原文地址:https://www.cnblogs.com/GYoungBean/p/12655858.html