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">
<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-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 class="ul-tree-item-children">
<div class="ul-tree-item">

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

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