java - 如何将zk树元素的打开/关闭图标从树元素放在右侧?
解决方案
一种非侵入性的方式是一种基于 CSS 的方法,使用display:flex
并定义order
图标和一些margin-left
调整:
<zk>
<style>
.z-treecell:first-child .z-treecell-content {
display: flex;
}
.z-treecell:first-child .z-tree-icon {
order: 1; /*order it to the right*/
}
.z-treecell:first-child .z-tree-icon+.z-treecell-text {
margin-left: 24px; /*this value might need adjustment based on the theme*/
}
</style>
<tree>
<treechildren>
<treeitem label="item 1"/>
<treeitem label="item 2">
<treechildren>
<treeitem label="item 2.1">
<treechildren>
<treeitem label="item 2.1.1"/>
</treechildren>
</treeitem>
</treechildren>
</treeitem>
</treechildren>
</tree>
</zk>
这是与 zk 7.0.0+ 兼容的 zkfiddle上运行的示例,针对具有冰蓝主题的 8.5.2.1 进行了优化。
推荐阅读
- python - 如何停止“ValueError:tortoise.backends.sqlite.client.SqliteClient 对象是在不同的上下文中创建的”?
- php - Laravel WhereIn 数组只返回第一个索引结果
- angular - 没有 Oauth 的 ADFS 身份验证 ASP.NET Core + Angular 中的错误
- python - 如何在任何位置用鼠标射击弹丸?
- scala - 如何在集群分片测试环境中模拟演员?
- typescript - TS 无法使用推断值创建联合类型
- linux - 哪个 PID 在没有网络工具的情况下使用 k8s pod 内的 PORT
- node.js - 为 Webpack 中定义的全局变量添加类型
- curl - 如何使用 grep 和 curl 获取大量 url 并返回 $url
- gcc - gcc / (g)as 忽略断点陷阱 (x86)