Album.wxss 1.2 KB

1234567891011121314151617181920
  1. /* personaldata/Album/Album.wxss */
  2. .Album_box{margin-top:30rpx;padding:0 20rpx;height: 544rpx;}
  3. .Album_box .Album:nth-child(4n){margin-right:0;}
  4. .Album{width:22.8%;height:161.8rpx;float:left;margin-right:20rpx;margin-bottom:20rpx;position:relative;}
  5. .Album .Album_img{width:100%;height:100%;}
  6. .Album_sc{width:45rpx;position:absolute;top:-20rpx;right:-20rpx;}
  7. .img_text{width:100%;text-align:center;position:absolute;bottom:0;left:0;background:rgba(0,0,0,0.4);padding:4rpx 0;font-size:24rpx;color:#FFF;}
  8. .Album_click{width:22.8%;height:161.8rpx;float:left;background:#F5F5F5;display:flex;align-items:center;justify-content:center;}
  9. .Album_click image{width:52rpx;height:52rpx;}
  10. .Album_text{padding:0 40rpx;font-size:28rpx;color:#A8A8A8;margin-top:20rpx;}
  11. .operation{width:592rpx;margin:auto;margin-top:50rpx;}
  12. .Preservation{height:88rpx;background:#3BA2FF;border-radius:50px;display: flex;align-items: center;justify-content: space-around;flex-direction: column;font-size:34rpx;color:#FFF;}
  13. .cancel{height:88rpx;background:#F5F5F5;border-radius:50px;display: flex;align-items: center;justify-content: space-around;flex-direction: column;font-size:34rpx;color:#A8A8A8;margin-top:30rpx;}