| 1 |
- .lin-image-picker__container{position:relative;display:flex;flex-wrap:wrap}.lin-image-picker__item{position:relative;width:220rpx;padding-bottom:220rpx;height:0}.lin-image-picker__item--2:nth-of-type(n+3){margin-top:20rpx}.lin-image-picker__item--2:not(:nth-of-type(2n+1)){margin-left:20rpx}.lin-image-picker__item--3:nth-of-type(n+4){margin-top:20rpx}.lin-image-picker__item--3:not(:nth-of-type(3n+1)){margin-left:20rpx}.lin-image-picker__item--4:nth-of-type(n+5){margin-top:20rpx}.lin-image-picker__item--4:not(:nth-of-type(4n+1)){margin-left:20rpx}.lin-image-picker__item--5:nth-of-type(n+6){margin-top:20rpx}.lin-image-picker__item--5:not(:nth-of-type(5n+1)){margin-left:20rpx}.lin-image-picker__item--6:nth-of-type(n+7){margin-top:20rpx}.lin-image-picker__item--6:not(:nth-of-type(6n+1)){margin-left:20rpx}.lin-image-picker__item--7:nth-of-type(n+8){margin-top:20rpx}.lin-image-picker__item--7:not(:nth-of-type(7n+1)){margin-left:20rpx}.lin-image-picker__item--8:nth-of-type(n+9){margin-top:20rpx}.lin-image-picker__item--8:not(:nth-of-type(8n+1)){margin-left:20rpx}.lin-image-picker__item--9:nth-of-type(n+10){margin-top:20rpx}.lin-image-picker__item--9:not(:nth-of-type(9n+1)){margin-left:20rpx}.lin-image-picker__item--10:nth-of-type(n+11){margin-top:20rpx}.lin-image-picker__item--10:not(:nth-of-type(10n+1)){margin-left:20rpx}.lin-image-picker__item--null:nth-of-type(n+4){margin-top:20rpx}.lin-image-picker__item--null:not(:nth-of-type(3n+1)){margin-left:20rpx}.lin-image-picker__image{position:absolute;left:0;top:0;width:100%;height:100%;border:1rpx solid #eee;border-radius:4rpx}.lin-image-picker__remove{position:absolute;right:10rpx;top:10rpx;height:40rpx;width:40rpx;border-radius:50%;background:rgba(0,0,0,.4);display:flex;flex-direction:row;align-items:center;justify-content:center;box-sizing:border-box}.lin-image-picker__item--add{border:1rpx solid #eee;border-radius:4rpx;background-color:#fff}.lin-image-picker__image--add{visibility:hidden;position:absolute;width:50%;height:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.lin-image-picker__item-slot-wrapper{display:flex;justify-content:center;align-items:center;position:absolute;width:100%;height:100%;top:0;left:0}.lin-image-picker__item-slot-wrapper:empty+.lin-image-picker__image--add{visibility:visible}
|
