修改检索

This commit is contained in:
龙运模
2024-10-18 16:35:33 +08:00
parent 9d6a38252c
commit 8bcf74eb0d
6 changed files with 129 additions and 39 deletions
+47 -9
View File
@@ -1,25 +1,63 @@
.searchInput{
border-radius: 8px;
.el-input-group__append, .el-input-group__prepend{
width: 560px;
.el-input-group__append{
background: var(--el-color-primary);
padding: 0;
box-shadow: none;
border-radius: 0 7px 7px 0;
border-top: 2px solid var(--el-color-primary);
border-bottom: 2px solid var(--el-color-primary);
border-right: 2px solid var(--el-color-primary);
}
.el-input-group__prepend{
background: var(--el-color-white);
padding: 0;
border: none;
box-shadow: none;
border-top-right-radius: 8px;
border-top-right-radius: 8px;
border-radius: 8px 0 0 8px;
border: 0;
border-top: 2px solid #c4c7ce;
border-bottom: 2px solid #c4c7ce;
border-left: 2px solid #c4c7ce;
}
.el-input__wrapper{
border: none;
box-shadow: none;
border-top: 2px solid #c4c7ce;
border-bottom: 2px solid #c4c7ce;
}
.searchDrop{
height: 100%;
padding: 0 0 0 10px;
display: flex;
align-items: center;
.dropTitle{
height: 80%;
display: flex;
align-items: center;
justify-content: center;
border-right: 1px solid #E9E9E9;
padding-right: 15px;
cursor: pointer;
}
}
.searchBtn{
background: var(--el-color-primary);
color: var(--el-color-white);
width: 110px;
width: 86px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
border: 0;
border-radius: 0 7px 7px 0;
cursor: pointer;
.name{
margin-right: 5px;
font-size: 13px;
}
}
}
.searchInput .is-focus{
border-color: var(--el-color-primary);
}
.searchInput.focused .el-input-group__prepend{
border-color: var(--el-color-primary);
}