oak-frontend-base/lib/miniprogram_npm/lin-ui/album/index.less

49 lines
739 B
Plaintext

/* miniprogram_npm/lin-ui/picture-album/index.wxss */
.container {
display: grid;
}
.vertical {
height: 360rpx;
}
.parent {
display: inline-grid;
grid-template-columns: repeat(auto-fill);
}
.child {
box-sizing: border-box;
background-color: white;
flex: 0 0 44%;
height: 100px;
border: 1px solid red;
margin-top: 4%;
margin-left: 2%;
margin-right: 2%;
}
.dimback {
background: #000;
}
.dim {
opacity: 0.6;
filter: alpha(opacity=60);
}
.imageContainer {
position: relative;
}
.imageContainer:last-child>.text {
color: white;
font-weight: bold;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: larger;
}