个性配置
# 个性配置
注:非所有版本都有个性配置功能,近部分版本存在个性配置的功能,本页内容为介绍如何进行个性配置
# 如何增加和修改主题颜色
原理:该组件库的主题颜色的修改主要是通过更改全局应用的less文件来达成换肤的目的,及点击换色时,当前应用的样式文件发生了改变,正因如此,全局使用的色调应尽可能的使用定义好的颜色而不是直接的色值
因此当需要添加或者修改全局的主题色时,需要首先,在theme文件夹下定义新的基本样式文件,然后再添加对应的触发方式
1、新建样式文件
2、在layout下的setting文件中添加对应的触发方式
# 关于如何修改全局框架导航样式
首先,整体框架有四套风格,列表导航风格一共有两套即为简版的无二级导航菜单风格和正常风格,这两种路由配置不同,因此需要动态进行路由配置的切换,使用map语法,对路由进行动态的渲染和挂载
其次,当点击对应的切换布局时,将通过传参的不同,切换不同的配置文件,
根据判断传入的参数内容判断需要切换的内容是什么,进行相应的切换
# 整体切换的原理
# 1、设置全局中需要切换内容的判断,将对应的判断利用vuex或者pinia存储于全局
# 2、在pinia或者vuex中存储并定义相应的方法,来使之触发,能够修改全局的变量,达成将框架内容对应的变量调节成所需要的值的目的
# 3、在页面的整体布局layout中定义对于所需要展示的内容设置相应的判断,让他在需要显示的时候能够正常的进行显示,例如下图,
通过判断settingStore.isSidebarCompact的值,确定显示内容