yxk-storeroom-system/src/assets/styles/lend-manage.scss

// 借阅管理
.crud-opts{
  display: inline-block;
}
.iconfont::before{
  margin-right: 5px;
}
.cell-lend{
  display: inline-block;
  height: 26px;
  line-height: 26px;
  border-radius: 13px;
  text-align: center;
}
.no-lend .cell-lend{
  color:#F65163;
 border: 1px solid #F65163;

}
.have-lend .cell-lend{
  color: #fff;
 background-color: #F65163;
}
.other-lend .cell-lend{
color:#F65163;
 border: 1px solid #F65163;
 position: relative;
 &::after{
  content: '';
  display: block;
  height: 2px;
  width: 20px;
  background-color: #F65163;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
 }
}

.clear{
  border-radius: 13px;
  width: 80px;
  height: 26px;
  line-height: 26px;
  display: inline-block;
  text-align: center;
}
.no-clear .clear{
  color: #FD8042;
  border: 1px solid #FD8042;
}
.have-clear .clear{
  color: #1AAE93;
  border: 1px solid #1AAE93;
}
.fail-clear .clear{
  color: #F65163;
  border: 1px solid #F65163;
}


//3D库房
.iframe_box{
  width: 100%;
  height: calc(100vh - 285px);
}
.warehouse{
  display: flex;
  .warehouse-left{
    flex: 1;
  }
  .warehouse-right{
    width: 458px;
  }
}
::v-deep .el-table__header-wrapper{
  background: url('~@/assets/images/table_head_bg.png') no-repeat !important;
}

::v-deep .warehose-el-table .el-table__header .el-table__cell{
  padding: 0;
  height: 30px;
  background: transparent;
  .cell{
    font-size: 14px;
  }
}
::v-deep .light-blue{
  background-color: #011E4F !important;
}

.title-arrow{
  position: relative;
  width: 460px;
  &::before{
    content:'';
    width: 36px;
    height: 12px;
    position: absolute;
    left: 110px;
    top: 50%;
    transform: translateY(-50%);
    background: url('~@/assets/images/warehouse_arrow_right.png') no-repeat;
  }
  &::after{
    content:'';
    width: 36px;
    height: 12px;
    position: absolute;
    right: 110px;
    top: 50%;
    transform: translateY(-50%);
    background: url('~@/assets/images/warehouse_arrow_left.png') no-repeat;
  }
}
.table-title{
  color: #fff;
  font-size: 16px;
  text-align: center;
  height: 40px;
  line-height: 40px;
}

.warehouse-svg{
  margin:0 10px 1px 0;
}
::v-deep .el-tag.el-tag--info{
  height: 26px;
  line-height: 26px;
  background-color: #13439E;
  border: none;
  color: #fff;
}
::v-deep .el-tag.el-tag--info .el-tag__close{
  background-color: #fff;
}