1 line
2.0 KiB
Plaintext
1 line
2.0 KiB
Plaintext
.component-album .album-item{margin-top:32rpx}.component-album .album-item:first-child{margin-top:0}.component-album .album-item .item-date{color:#5a5b6e;font-size:28rpx;font-weight:600;line-height:32rpx}.component-album .album-item .item-title{margin-top:16rpx;color:#8d929c;font-size:28rpx;line-height:40rpx}.component-album .album-item .item-content{margin-top:16rpx}.component-album .album-item .item-content .content-timeline{display:flex;flex-direction:column}.component-album .album-item .item-content .content-timeline .timeline-point{width:20rpx;height:20rpx;border-radius:4rpx;background:var(--theme-color)}.component-album .album-item .item-content .content-timeline .timeline-line{width:2rpx;height:100%;flex:1;background:#f0f0f0}.component-album .album-item .item-content .content-box{margin-left:64rpx}.component-album .album-item .item-content .content-box .box-single{width:100%;height:240rpx;border-radius:16rpx;overflow:hidden}.component-album .album-item .item-content .content-box .box-multiple{display:flex;flex-wrap:wrap;-webkit-column-gap:2%;column-gap:2%;row-gap:16rpx}.component-album .album-item .item-content .content-box .box-multiple .multiple-image{width:32%;height:0;padding-top:32%;border-radius:16rpx;overflow:hidden;position:relative}.component-album .album-item .item-content .content-box .box-multiple .multiple-image .image{position:absolute;top:0;left:0;width:100%;height:100%}.component-album .album-item .item-content .content-box .box-cover{width:100%;height:240rpx;background:rgba(0,0,0,.3);border-radius:16rpx;overflow:hidden;position:relative}.component-album .album-item .item-content .content-box .box-cover .cover-image{width:100%;height:100%}.component-album .album-item .item-content .content-box .box-cover .cover-play{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:64rpx;height:64rpx;border-radius:50%}.component-album .album-item .item-content .content-box .box-cover .cover-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.3)} |