ulthon/layui-ul
1
0
Fork 0
mirror of https://gitee.com/ulthon/layui-ul.git synced 2026-07-01 10:32:49 +08:00
Code Issues Packages Projects Releases Wiki Activity

增加目录操作样式;

Browse Source
This commit is contained in:
augushong
2021-09-06 15:42:36 +08:00
parent 5b33282786
commit 1f9e1f448a
2 changed files with 57 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
demo/pc/tree.html
View File

@@ -11,6 +11,12 @@
<div class="ul-tree-item-info"> <div class="ul-tree-item-info">
<i class="ul-tree-item-icon layui-icon layui-icon-triangle-d"></i> <i class="ul-tree-item-icon layui-icon layui-icon-triangle-d"></i>
<span class="ul-tree-item-title">读书笔记</span> <span class="ul-tree-item-title">读书笔记</span>
<span class="ul-tree-item-option">
<i class="ul-tree-item-option-item layui-icon layui-icon-up"></i>
<i class="ul-tree-item-option-item layui-icon layui-icon-down"></i>
<i class="ul-tree-item-option-item layui-icon layui-icon-set"></i>
<i class="ul-tree-item-option-item layui-icon layui-icon-close"></i>
</span>
</div> </div>
<div class="ul-tree-item-children"> <div class="ul-tree-item-children">
<div class="ul-tree-item"> <div class="ul-tree-item">

15
public/cdn/layui-ul.css
View File

@@ -536,7 +536,8 @@
cursor : pointer; cursor : pointer;
} }
.ul-tree-item.disabled , .ul-tree-item.disabled .ul-tree-item{ .ul-tree-item.disabled,
.ul-tree-item.disabled .ul-tree-item {
background-color: #eee; background-color: #eee;
cursor : not-allowed; cursor : not-allowed;
} }
@@ -567,6 +568,17 @@
top : 10px; top : 10px;
} }
.ul-tree-item-option {
position : absolute;
right : 15px;
top : 0;
height : 100%;
display : flex;
align-items: center;
}
.ul-tree-item-option-item{
margin-left: 10px;
}
.ul-note-item { .ul-note-item {
display : flex; display : flex;
justify-content: flex-start; justify-content: flex-start;
@@ -1200,6 +1212,7 @@
align-items : center; align-items : center;
justify-content: flex-start; justify-content: flex-start;
} }
.ul-course-sidebar-item:not(:last-child) { .ul-course-sidebar-item:not(:last-child) {
border-bottom: 1px dotted #999; border-bottom: 1px dotted #999;
} }