.x-book-shadow{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../../assets/书架-删除.png) no-repeat center / 30% auto rgba(0, 0, 0, .6);
  border-radius: $--radius;
  opacity: 0;
  transition: .2s opacity;
  @include when(edit){
    opacity: 1;
  }
}
.book-shelf-head{
  overflow: hidden;
  border-radius: .3rem;
  background-color: #f7f7f7;
  @include flex();
}
.book-shelf-head__item{
  height: .6rem;
  width: 1.6rem;
  border-radius: .3rem;
  line-height: .6rem;
  text-align: center;
  font-size: $--font-size-small;
  color: $--font-color-light;
  @include when(active){
    background-color: $--color-theme-boy;
    color: #fff;
  }
}

.book-shelf-bar__edit{
  border: 1px solid $--color-theme-boy;
  border-radius: $--radius;
  color: $--color-theme-boy;
  padding: 0 .6em;
}

.book-shelf-bar{
  font-size: $--font-size-base;  
  padding: $--edge-view $--edge-view 0; 
  @include flex();
}

