欢迎来到小懒的博客~email:568705236@qq.com

layuiadmin1.4.0设置皮肤后左侧导航浮动小块颜色未改变

2020/10/9 14:12:08站长

    layuiadmin的config.js中可以配置框架的主题皮肤颜色。但是在选择预设的另外的一个皮肤并清除浏览器本地存储(localstorage)后出现了皮肤颜色更改不完全的情况。

image.png

    左侧导航条的在导航项旁边的悬浮块的颜色并未同步改变。查看颜色改变的选中导航项元素的样式后就能发现,是layuiadmin动态插入一些样式覆盖已有样式。而那个小悬浮块的样式并没有相应的类进行覆盖,因此产生了部分颜色未改变的现象。通过样式我们也能发现这个导航其实就是layui的导航,element下的nav。现在我们想要小悬浮块也变色的话,我们就需要手动补充一下相应的样式。

    经过查找,样式在admin.js文件中,添加样式。

image.png

    我这里就选择config文件中配置的属性selected,其他人可以根据需求自行增加属性来设置或者共用其他属性。将修改过的源码重新打包一下。清空浏览器缓存。再次访问。

image.png

    这个悬浮块可能只是其中一个漏掉主题皮肤样式的地方,如果发现有其他地方出现相同问题,可以在admin.js中补充样式。


赞赏