如何自定义Antd React目录树节点的背景颜色?
P粉825079798
P粉825079798 2023-09-03 12:09:15
[React讨论组]
<p>如何使用less样式在鼠标悬停在树节点上时更改antd目录树节点的默认背景颜色?</p> <pre class="brush:php;toolbar:false;">&lt;Tree.DirectoryTree&gt; {data.map((item) =&gt; { return ( &lt;Tree.TreeNode // @ts-ignore item={item} icon={&lt;&gt;&lt;/&gt;} key={item.user_folder_id} title={item.title} &gt; {item?.data.map((node) =&gt; { return ( &lt;Tree.TreeNode node={node} key={node.node_id} title={ node.title } &gt;&lt;/Tree.TreeNode&gt; ); })} &lt;/Tree.TreeNode&gt; ); })} &lt;/Tree.DirectoryTree&gt;</pre></p>
P粉825079798
P粉825079798

全部回复(1)
P粉797855790
<Tree.DirectoryTree className="custom-tree">
        {data.map((item) => {
          return (
            <Tree.TreeNode
              // @ts-ignore
              item={item}
              icon={<></>}
              key={item.user_folder_id}
              title={item.title}
            >
              {item?.data.map((node) => {
                return (
                  <Tree.TreeNode
                    node={node}
                    key={node.node_id}
                    title={ node.title }
                  ></Tree.TreeNode>
                );
              })}

            </Tree.TreeNode>
          );
        })}
      </Tree.DirectoryTree>

styles.less

.custom-tree .ant-tree-treenode:hover::before {
  background: blue !important;
}


热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号