有办法动态修改左侧一级菜单鼠标放上的颜色吗

提问 已结 9 175
吴恒
吴恒 VIP4 2019-5-17
悬赏:20飞吻
版本:layui 浏览器:

动态修改左边的那个竖条儿的颜色,和修改二级菜单的颜色一样
回帖
  • @吴恒 你直接F12结合admin.js里的这段代码
    laytpl([
    //主题色
    '.layui-side-menu,'
    ,'.layadmin-pagetabs .layui-tab-title li:after,'
    ,'.layadmin-pagetabs .layui-tab-title li.layui-this:after,'
    ,'.layui-layer-admin .layui-layer-title,'
    ,'.layadmin-side-shrink .layui-side-menu .layui-nav>.layui-nav-item>.layui-nav-child'
    ,'{background-color:{{d.color.main}} !important;}'

    //选中色
    ,'.layui-nav-tree .layui-this,'
    ,'.layui-nav-tree .layui-this>a,'
    ,'.layui-nav-tree .layui-nav-child dd.layui-this,'
    ,'.layui-nav-tree .layui-nav-child dd.layui-this a'
    ,'{background-color:{{d.color.selected}} !important;}'

    //logo
    ,'.layui-layout-admin .layui-logo{background-color:{{d.color.logo || d.color.main}} !important;}'

    //头部色
    ,'{{# if(d.color.header){ }}'
    ,'.layui-layout-admin .layui-header{background-color:{{ d.color.header }};}'
    ,'.layui-layout-admin .layui-header a,'
    ,'.layui-layout-admin .layui-header a cite{color: #f8f8f8;}'
    ,'.layui-layout-admin .layui-header a:hover{color: #fff;}'
    ,'.layui-layout-admin .layui-header .layui-nav .layui-nav-more{border-top-color: #fbfbfb;}'
    ,'.layui-layout-admin .layui-header .layui-nav .layui-nav-mored{border-color: transparent; border-bottom-color: #fbfbfb;}'
    ,'.layui-layout-admin .layui-header .layui-nav .layui-this:after, .layui-layout-admin .layui-header .layui-nav-bar{background-color: #fff; background-color: rgba(255,255,255,.5);}'
    ,'.layadmin-pagetabs .layui-tab-title li:after{display: none;}'
    ,'{{# } }}'
    ].join(''))
    和config.js里的相关代码就明白了
    0 回复
  • 红烧鱼i
    2019-5-17
    完全可以[嘻嘻]
    0 回复
  • 红烧鱼i
    2019-5-17
    .layui-nav-tree .layui-nav-bar的背景颜色,你找一下就知道了
    0 回复
  • @红烧鱼i 我是要动态,就和config.js里面的主题配置一样的那种
    0 回复
  • 红烧鱼i
    2019-5-17
    通过选择器定位到元素,js如何不能动态改变
    0 回复
  • @红烧鱼i 当我没问
    0 回复
  • config.js里可以设置颜色,会员提问去相关专区提问回答的快些
    0 回复
  • @HiTerry 对,我就是想在config.js里面设置,只是我不知道设置的参数什么.或者您告我哪里有文档说明(我没找到)
    0 回复
  • @HiTerry 好的
    0 回复