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
2021-12-28 21:44:17 +08:00
parent f35b39c713
commit be71c1d145
3 changed files with 96 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
demo/pc/list.html
View File

@@ -272,10 +272,10 @@
<div class="ul-course-list"> <div class="ul-course-list">
<a class="ul-course-item" data-repeat="10"> <a class="ul-course-item" data-repeat="10">
<div class="ul-course-item-poster-container"> <div class="ul-course-item-poster-container">
<div class="ul-course-item-poster" style="background-image: url('/static/images/view.jpg');">
<div class="layui-btn layui-btn-xs ul-course-item-tag"> <div class="layui-btn layui-btn-xs ul-course-item-tag">
免费 免费
</div> </div>
<div class="ul-course-item-poster" style="background-image: url('/static/images/view.jpg');">
</div> </div>
</div> </div>
<div class="ul-course-item-info"> <div class="ul-course-item-info">

10
public/cdn/layui-ul-change.css
View File

@@ -111,6 +111,16 @@
background-color: #66CCFF !important; background-color: #66CCFF !important;
} }
.layui-form-checked span,
.layui-form-checked:hover span {
background-color: #66CCFF;
}
.layui-form-checked i,
.layui-form-checked:hover i {
color: #66CCFF;
}
.layui-form-select dl dd.layui-this { .layui-form-select dl dd.layui-this {
background-color: #66CCFF; background-color: #66CCFF;
} }

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

@@ -234,6 +234,7 @@
.ul-link-title { .ul-link-title {
margin-right: 15px; margin-right: 15px;
white-space : nowrap;
} }
.ul-link-list { .ul-link-list {
@@ -248,6 +249,7 @@
padding : 0px 10px; padding : 0px 10px;
cursor : pointer; cursor : pointer;
margin-right : 10px; margin-right : 10px;
margin-bottom: 5px;
} }
.ul-link-item.current { .ul-link-item.current {
@@ -1042,10 +1044,10 @@
font-size : 14px; font-size : 14px;
color : #253647; color : #253647;
font-weight : 700; font-weight : 700;
margin-bottom: 4px;
} }
.ul-nav-card-item-desc { .ul-nav-card-item-desc {
line-height: 28px;
color : #666; color : #666;
font-size: 12px; font-size: 12px;
} }
@@ -1159,6 +1161,7 @@
position: absolute; position: absolute;
right : 8px; right : 8px;
top : 8px; top : 8px;
z-index : 9999;
} }
.ul-course-item-info { .ul-course-item-info {
@@ -1183,12 +1186,13 @@
transform: scale(1.2) transform: scale(1.2)
} }
.ul-course-item-poster:hover .ul-course-item-tag { .ul-course-item-poster-container:hover .ul-course-item-tag {
display: none; display: none;
} }
.ul-course-item-poster-container { .ul-course-item-poster-container {
overflow: hidden; overflow: hidden;
position: relative;
} }
.ul-avatar-sidebar-list-item { .ul-avatar-sidebar-list-item {
@@ -1352,11 +1356,18 @@ body .layui-quote-gray {
margin-bottom : 6px; margin-bottom : 6px;
font-weight : 600; font-weight : 600;
line-height : 1.5; line-height : 1.5;
word-break : break-all;
text-overflow : ellipsis;
display : -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow : hidden;
} }
.ul-book-author { .ul-book-author {
font-size : 12px; font-size : 12px;
color : #3e3a39; color : #3e3a39;
word-break: break-all;
} }
.ul-book-status { .ul-book-status {
@@ -1390,6 +1401,7 @@ body .layui-quote-gray {
padding : 10px; padding : 10px;
box-shadow : 0px 1px 3px #bbb; box-shadow : 0px 1px 3px #bbb;
background-color: #fff; background-color: #fff;
cursor : pointer;
} }
.ul-nav-button-icon { .ul-nav-button-icon {