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

基本完成新的组件架构

Browse Source
This commit is contained in:
augushong
2022-10-21 19:40:31 +08:00
parent 68d95268e7
commit 3921f7a807
10 changed files with 16112 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
source/components/list/ul-music-list/_index.env Normal file
View File

@@ -0,0 +1,3 @@
title=音乐列表
padding=0
gray=1

19
source/components/list/ul-music-list/_index.html
View File

@@ -1,16 +1,19 @@
<div class="ul-music-list">
<div class="item">
<div class="image">
<div class="ul-music-list-item" v-for="i in 3">
<div class="ul-music-list-item__image ul-demo-img-bg">
</div>
<div class="number">
11
<div class="ul-music-list-item__number">
{{i}}
</div>
<div class="title">
<div class="ul-music-list-item__title">
星星点灯
</div>
<div class="author">
<div class="ul-music-list-item__dot">
-
</div>
<div class="ul-music-list-item__author">
郑智化
</div>
</div>
</div>

38
source/components/list/ul-music-list/_index.scss
View File

@@ -1,7 +1,39 @@
.ul-music-list {
padding-left: 15px;
.item {
padding: 6px
.ul-music-list-item {
display : flex;
align-items : center;
justify-content: left;
padding: 10px;
&__image {
width : 50px;
height : 50px;
border-radius: 5px
}
&__number {
font-size : 16px;
font-weight: bolder;
margin : 12px;
}
&__title {
color : #303133;
font-size: 16px;
}
&__dot {
color : #303133;
font-size: 16px;
margin : 8px
}
&__author {
color : #999;
font-size: 13px;
}
}
}

1
source/components/list/ul-music-list/_title.txt
View File

@@ -1 +0,0 @@
音乐列表

13
source/scss/_common.scss
View File

@@ -3,6 +3,11 @@
padding: 15px;
}
.ul-margin-md {
margin: 15px;
}
.ul-section {
margin-bottom: 15px;
}
@@ -67,4 +72,10 @@
width: 360px;
}
/* 通用类结束 */
/* 通用类结束 */
.ul-demo-img-bg {
background-image : url("img/view.jpg");
background-size : cover;
background-position: center;
}