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-05-20 15:42:10 +08:00
parent 93a613a9d2
commit c55c35cfe7
11 changed files with 208 additions and 203 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
source/components/list/ul-course-list/_index.scss Normal file
View File

@@ -0,0 +1,62 @@
.ul-course-list {
margin: -10px;
font-size: 0;
display: flex;
flex-wrap: wrap;
}
.ul-course-item {
display: inline-block;
margin: 10px;
width: calc(25% - 20px);
background-color: #fff;
padding-bottom: 12px;
cursor: pointer;
font-size: 14px;
}
.ul-course-item-poster {
background-position: center;
background-size: cover;
height: 140px;
transition: all 0.6s;
position: relative;
}
.ul-course-item-tag {
position: absolute;
right: 8px;
top: 8px;
z-index: 9999;
}
.ul-course-item-info {
padding: 6px;
}
.ul-course-item-title {
padding: 8px 0;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.ul-course-item-option-item {
display: inline-block;
margin-right: 8px;
font-size: 12px;
color: #999;
}
.ul-course-item-poster:hover {
transform: scale(1.2)
}
.ul-course-item-poster-container:hover .ul-course-item-tag {
display: none;
}
.ul-course-item-poster-container {
overflow: hidden;
position: relative;
}