@use '../mixins/mixins.scss' as *;

@include b(photo-album) {
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: wrap;

  /* 容器 start */
  @include e(container) {
    flex-grow: 0;
    flex-shrink: 0;
    position: relative;
    height: 0;
    margin: 10rpx 20rpx 10rpx 0rpx;
  }
  /* 容器 end */

  /* item start */
  @include e(item) {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 15rpx;
    background-color: var(--tn-color-gray-light);

    &__image {
      width: 100%;
      height: 100%;
      border-radius: inherit;
    }
  }
  /* item end */
}
