// 借阅管理 .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: 460px; } } ::v-deep .el-table .el-table__header .el-table__cell{ padding: 0; height: 30px; .cell{ font-size: 14px; } } ::v-deep .light-blue{ background-color: #011E4F !important; } .title-arrow{ position: relative; &::before{ content:''; width: 36px; height: 12px; position: absolute; left: -70px; top: 50%; transform: translateY(-50%); } &::after{ content:''; width: 36px; height: 12px; position: absolute; right: -70px; top: 50%; transform: translateY(-50%); } } .warehouse-svg{ margin:0 10px 1px 0; }