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">

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

@@ -61,8 +61,8 @@
background-color: #eee; background-color: #eee;
} }
.ul-bg-black{ .ul-bg-black {
background-color: #393D49; background-color: #393D49;
} }
@@ -536,9 +536,10 @@
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;
} }
.ul-tree-item-info { .ul-tree-item-info {
@@ -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;
@@ -1167,71 +1179,72 @@
overflow: hidden; overflow: hidden;
} }
.ul-avatar-sidebar-list-item{ .ul-avatar-sidebar-list-item {
display: flex; display : flex;
align-items: center; align-items : center;
justify-content: flex-start; justify-content: flex-start;
margin-bottom: 12px; margin-bottom : 12px;
} }
.ul-avatar-sidebar-list-item-img{ .ul-avatar-sidebar-list-item-img {
width: 58px; width : 58px;
height: 58px; height : 58px;
border-radius: 58px; border-radius : 58px;
background-image: url("/static/images/avatar.png"); background-image : url("/static/images/avatar.png");
background-size: cover; background-size : cover;
background-position: center; background-position: center;
} }
.ul-avatar-sidebar-list-item-info{ .ul-avatar-sidebar-list-item-info {
margin-left: 10px; margin-left: 10px;
} }
.ul-avatar-sidebar-list-item-intro{ .ul-avatar-sidebar-list-item-intro {
font-size: 12px; font-size : 12px;
color: #999; color : #999;
line-height: 2; line-height: 2;
} }
.ul-course-sidebar-item{ .ul-course-sidebar-item {
display: flex; display : flex;
padding: 8px 0; padding : 8px 0;
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;
} }
.ul-course-sidebar-item-poster{ .ul-course-sidebar-item-poster {
height: 50px; height : 50px;
width: 80px; width : 80px;
background-size: cover; background-size : cover;
background-position: center; background-position: center;
} }
.ul-course-sidebar-item-option-item{ .ul-course-sidebar-item-option-item {
display: inline-block; display : inline-block;
font-size: 12px; font-size: 12px;
color: #999; color : #999;
} }
.ul-course-sidebar-item-info{ .ul-course-sidebar-item-info {
margin-left: 8px; margin-left: 8px;
} }
.ul-course-sidebar-item-title{ .ul-course-sidebar-item-title {
line-height: 2; line-height : 2;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space : nowrap; white-space : nowrap;
overflow : hidden; overflow : hidden;
} }
body .layui-quote-gray{ body .layui-quote-gray {
background-color: #f0f0f0; background-color : #f0f0f0;
color: #666; color : #666;
border-left-color: #ddd; border-left-color: #ddd;
} }
@@ -1245,7 +1258,7 @@ body .layui-quote-gray{
.ul-doc-info-page-item { .ul-doc-info-page-item {
line-height: 2; line-height: 2;
padding : 0 15px; padding : 0 15px;
position: relative; position : relative;
} }
.ul-doc-info-page-item.page { .ul-doc-info-page-item.page {