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
2023-05-20 15:54:14 +08:00
parent 1891c653cf
commit 3b128a868b
10 changed files with 116 additions and 114 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
demo/pc/list.html
View File

@@ -49,44 +49,3 @@
</fieldset>
<fieldset class="layui-elem-field layui-field-title">
<legend>笔记列表</legend>
<div class="layui-field-box">
<div class="ul-padding-md">
<div class="ul-note-list">
<div class="ul-note-item current">
<div class="ul-note-item-icon">
<i class="layui-icon layui-icon-read"></i>
</div>
<div class="ul-note-item-info">
<div class="ul-note-item-title">未命名的笔记</div>
<div class="ul-note-item-desc">未命名的笔记未命名的笔记未命名的笔记</div>
<div class="ul-note-item-time">2021-04-11</div>
<div class="ul-note-item-tree">
ddd
</div>
</div>
</div>
<div class="ul-note-item">
<div class="ul-note-item-icon">
<i class="layui-icon layui-icon-read"></i>
</div>
<div class="ul-note-item-info">
<div class="ul-note-item-title">未命名的笔记</div>
<div class="ul-note-item-desc">未命名的笔记未命名的笔记未命名的笔记</div>
<div class="ul-note-item-time">2021-04-11</div>
<div class="ul-note-item-tree">
ddd
</div>
</div>
</div>
</div>
</div>
</div>
</fieldset>

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

@@ -1568,6 +1568,42 @@
font-size: 13px;
}
.ul-note-item {
display: flex;
justify-content: flex-start;
align-items: flex-start;
cursor: pointer;
padding: 15px;
}
.ul-note-item.current,
.ul-note-item:hover {
background-color: #dedede;
}
.ul-note-item .ul-note-item-icon {
margin-right: 10px;
}
.ul-note-item .ul-note-item-desc {
color: #999;
font-size: 12px;
margin-top: 5px;
word-break: break-all;
}
.ul-note-item .ul-note-item-time {
color: #bbb;
font-size: 12px;
margin-top: 5px;
}
.ul-note-item .ul-note-item-tree {
font-size: 12px;
color: #bbb;
margin-top: 5px;
}
.ul-order-list-simple-card .item {
box-shadow: 0 0 3px #ddd;
border-radius: 2px;
@@ -2287,42 +2323,6 @@
line-height: 35px;
}
.ul-note-item {
display: flex;
justify-content: flex-start;
align-items: flex-start;
cursor: pointer;
padding: 15px;
}
.ul-note-item.current,
.ul-note-item:hover {
background-color: #dedede;
}
.ul-note-item .ul-note-item-icon {
margin-right: 10px;
}
.ul-note-item .ul-note-item-desc {
color: #999;
font-size: 12px;
margin-top: 5px;
word-break: break-all;
}
.ul-note-item .ul-note-item-time {
color: #bbb;
font-size: 12px;
margin-top: 5px;
}
.ul-note-item .ul-note-item-tree {
font-size: 12px;
color: #bbb;
margin-top: 5px;
}
.ul-input-table {
text-align: center;
}

2
public/cdn/layui-ul.min.css vendored
View File

File diff suppressed because one or more lines are too long

1
source/components/_index.scss
View File

@@ -17,6 +17,7 @@
@import './list/ul-course-sidebar-list/index';
@import './list/ul-list-record/index';
@import './list/ul-music-list/index';
@import './list/ul-note-list/index';
@import './list/ul-order-list-simple-card/index';
@import './list/ul-photo-card-list/index';
@import './list/ul-photo-list/index';

6
source/components/list/ul-note-list/_index.env Normal file
View File

@@ -0,0 +1,6 @@
title=笔记列表
padding=0
margin=0
gray=0
mobile=0
inner_margin=0

32
source/components/list/ul-note-list/_index.html Normal file
View File

@@ -0,0 +1,32 @@
<div class="ul-note-list">
<div class="ul-note-item current">
<div class="ul-note-item-icon">
<i class="layui-icon layui-icon-read"></i>
</div>
<div class="ul-note-item-info">
<div class="ul-note-item-title">未命名的笔记</div>
<div class="ul-note-item-desc">未命名的笔记未命名的笔记未命名的笔记</div>
<div class="ul-note-item-time">2021-04-11</div>
<div class="ul-note-item-tree">
ddd
</div>
</div>
</div>
<div class="ul-note-item">
<div class="ul-note-item-icon">
<i class="layui-icon layui-icon-read"></i>
</div>
<div class="ul-note-item-info">
<div class="ul-note-item-title">未命名的笔记</div>
<div class="ul-note-item-desc">未命名的笔记未命名的笔记未命名的笔记</div>
<div class="ul-note-item-time">2021-04-11</div>
<div class="ul-note-item-tree">
ddd
</div>
</div>
</div>
</div>

0
source/components/list/ul-note-list/_index.md Normal file
View File

5
source/components/list/ul-note-list/_index.php Normal file
View File

@@ -0,0 +1,5 @@
<?php
return [
];

35
source/components/list/ul-note-list/_index.scss Normal file
View File

@@ -0,0 +1,35 @@
.ul-note-item {
display: flex;
justify-content: flex-start;
align-items: flex-start;
cursor: pointer;
padding: 15px;
}
.ul-note-item.current,
.ul-note-item:hover {
background-color: #dedede;
}
.ul-note-item .ul-note-item-icon {
margin-right: 10px;
}
.ul-note-item .ul-note-item-desc {
color: #999;
font-size: 12px;
margin-top: 5px;
word-break: break-all;
}
.ul-note-item .ul-note-item-time {
color: #bbb;
font-size: 12px;
margin-top: 5px;
}
.ul-note-item .ul-note-item-tree {
font-size: 12px;
color: #bbb;
margin-top: 5px;
}

36
source/scss/layui-ul.scss
View File

@@ -312,42 +312,6 @@
line-height: 35px;
}
.ul-note-item {
display : flex;
justify-content: flex-start;
align-items : flex-start;
cursor : pointer;
padding : 15px;
}
.ul-note-item.current,
.ul-note-item:hover {
background-color: #dedede;
}
.ul-note-item .ul-note-item-icon {
margin-right: 10px;
}
.ul-note-item .ul-note-item-desc {
color : #999;
font-size : 12px;
margin-top: 5px;
word-break: break-all;
}
.ul-note-item .ul-note-item-time {
color : #bbb;
font-size : 12px;
margin-top: 5px;
}
.ul-note-item .ul-note-item-tree {
font-size : 12px;
color : #bbb;
margin-top: 5px;
}
.ul-input-table {
text-align: center;
}