vue-ant-patterns
Version:
vue-ant-patterns
83 lines (82 loc) • 2.24 kB
CSS
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
命名规则, 三部分 className
.flex-侧轴
.flex-主轴
.flex-侧轴-主轴
*/
.depot-quick-search {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.depot-quick-search-input {
width: 300px;
}
.depot-quick-search .icon-button {
margin-left: 10px;
}
.depot-quick-search-dropdown {
width: 300px;
}
.depot-quick-search-dropdown .count-item {
cursor: initial;
position: relative;
}
.depot-quick-search-dropdown .count-item:before {
position: absolute;
content: ' ';
height: 1px;
top: 0;
left: 1px;
right: 1px;
background: #ccc;
}
.depot-quick-search-dropdown .ant-select-dropdown-menu-item-selected,
.depot-quick-search-dropdown .ant-select-dropdown-menu-item-selected,
.depot-quick-search-dropdown .ant-select-dropdown-menu-item-disabled.ant-select-dropdown-menu-item-selected {
color: rgba(0, 0, 0, 0.25);
background: none;
font-weight: normal;
}
.depot-quick-search-dropdown .ant-select-dropdown-content {
padding-bottom: 50px;
}
.depot-quick-search-dropdown .ant-select-dropdown-menu-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.depot-quick-search-dropdown .ant-select-dropdown-menu-item .desp.desc {
font-size: 12px;
color: #999;
}
.depot-quick-search-dropdown .ant-select-dropdown-menu-item:last-child {
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 40px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
line-height: 40px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}