.input_search {
padding: 5px;
box-sizing: border-box;
/deep/ .el-input__inner {
background: #f7f8fa;
height: 30px;
border-right-color: transparent;
font-size: 12px;
&:focus {
border-color: #dcdfe6;
}
}
/deep/ .el-input-group__append {
background: #f7f8fa;
}
}
.containder {
height: 320px;
position: relative;
}
.btn {
position: absolute;
bottom: 0;
right: 20px;
height: 40px;
display: flex;
align-items: center;
/deep/ .el-button {
font-size: 12px;
width: 50px;
padding: 0;
height: 25px;
line-height: 25px;
}
}
.infinite-list-container {
height: calc(100% - 80px);
overflow: auto;
position: relative;
-webkit-overflow-scrolling: touch;
background: #ffffff;
box-sizing: content-box;
border-bottom: 1px solid #ccc;
}
.infinite-list-phantom {
position: absolute;
left: 0;
top: 0;
right: 0;
z-index: -1;
}
.infinite-list {
left: 0;
right: 0;
top: 0;
position: absolute;
text-align: center;
.left {
text-align: left;
width: 80%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
/deep/ .el-input-group__append {
background-color: transparent;
}
.infinite-list-item {
font-size: 12px;
justify-content: space-between;
display: flex;
padding: 0px 10px;
color: #555;
box-sizing: border-box;
&:hover {
background-color: #f7faff;
}
}
