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

将侧边栏头像使用新的方式实现

Browse Source
This commit is contained in:
augushong
2023-04-11 15:40:40 +08:00
parent 9d5a91933e
commit d6ed22abbf
9 changed files with 73 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -0,0 +1,5 @@
title=侧边头像列表
padding=1
margin=0
gray=0
mobile=0

14
source/components/list/ul-avatar-sidebar-list/_index.html Normal file
View File

@@ -0,0 +1,14 @@
<div class="ul-avatar-sidebar-list" style="width: 200px;">
<div class="ul-avatar-sidebar-list-item" data-repeat="3">
<div class="ul-avatar-sidebar-list-item-img"></div>
<div class="ul-avatar-sidebar-list-item-info">
<div class="ul-avatar-sidebar-list-item-title">
张三
</div>
<div class="ul-avatar-sidebar-list-item-intro">
法外狂徒不寂寞
</div>
</div>
</div>
</div>

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

29
source/components/list/ul-avatar-sidebar-list/_index.scss Normal file
View File

@@ -0,0 +1,29 @@
.ul-avatar-sidebar-list {
.ul-avatar-sidebar-list-item {
display: flex;
align-items: center;
justify-content: flex-start;
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;
background-position: center;
}
.ul-avatar-sidebar-list-item-info {
margin-left: 10px;
}
.ul-avatar-sidebar-list-item-intro {
font-size: 12px;
color: #999;
line-height: 2;
}
}