ulthon/layui-ul
1
0
Fork 0
mirror of https://gitee.com/ulthon/layui-ul.git synced 2026-07-09 13:42:48 +08:00
Code Issues Packages Projects Releases Wiki Activity

新增相册

Browse Source
This commit is contained in:
augushong
2023-03-31 20:56:34 +08:00
parent c6f568a7b3
commit dcd0cd3216
20 changed files with 2813 additions and 114 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
source/components/list/ul-photo-list/_index.env Normal file
View File

@@ -0,0 +1,5 @@
title=相册列表
padding=0
margin=0
gray=0
mobile=0

13
source/components/list/ul-photo-list/_index.html Normal file
View File

@@ -0,0 +1,13 @@
<div class="ul-photo-list">
<div class="ul-photo-item" data-repeat="3">
<div class="ul-photo-poster" style="background-image: url('/static/images/view.jpg');">
</div>
<div class="ul-photo-info">
<div class="ul-photo-title">周末野外广场树林写真</div>
<div class="ul-photo-plus">45P+1V</div>
<div class="ul-photo-desc">相册说明内容</div>
</div>
</div>
</div>

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

33
source/components/list/ul-photo-list/_index.scss Normal file
View File

@@ -0,0 +1,33 @@
.ul-photo-list {
display : flex;
align-items : flex-start;
justify-content: flex-start;
flex-wrap : wrap;
}
.ul-photo-item {
margin : 15px;
text-align: center;
min-width : 220px;
}
.ul-photo-poster {
width : 180px;
height : 140px;
background-image : url("../static/images/avatar.png");
background-size : cover;
background-position: center;
margin : 0 auto;
box-shadow : 1px 1px 3px #999;
}
.ul-photo-info {
margin-top : 10px;
font-size : 18px;
line-height: 1.5;
}
.ul-photo-desc {
font-size: 14px;
color : #999;
}