theluyuan/layui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

✨(component): layer.photos 新增缩略图thumb选项

Browse Source
This commit is contained in:
0o张不歪o0
2022-07-18 12:01:24 +08:00
parent f82e57c06c
commit 488470b1e7
6 changed files with 72 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
package/layer/src/theme/index.css
View File

@@ -1173,6 +1173,39 @@ html #layuicss-layer {
padding-left: 10px;
font-style: normal;
}
.layui-layer-imgbar{
display: flex;min-height: 40px;height: auto;flex-wrap: wrap;justify-content: center;
}
.layui-layer-imgbar .thumb-row{
width: 100%;
display: flex;
justify-content: center;
align-self: center;
}
.layui-layer-imgbar .thumb-box{
width:100px;
height:100px;
margin:0px;
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
}
.layui-layer-imgbar .thumb-box-border{
position: absolute;
top: 0;
transition: all 0.2s ease-in-out;
width: 100px;
height: 100px;
border: 1px solid #5fb878;
box-sizing: border-box;
}
.layui-layer-imgbar img{
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
@-webkit-keyframes layer-bounceOut {
100% {