UNPKG

@frontend_worker/search-selector

Version:

《远程搜索+单选》组件区别于element-ui或iview组件库的select远程搜索, ①将头部显示的值和下拉选项显示的值独立开来, ②避免远程加载时头部默认值显示异常, ③支持插槽自定义 ④将搜索框值放置于下拉弹框里面

81 lines (70 loc) 2.1 kB
.select-item(@size-class, @item-class) { .@{item-class} { position: relative; margin: 0; line-height: normal; padding: 6px 14px; clear: both; color: @text-color; font-size: @font-size-small !important; white-space: nowrap; list-style: none; cursor: pointer; transition: background @transition-time @ease-in-out; &-filter-highlight { color: @error-color; } &:hover{ background: @background-color-select-hover; } &-focus { background: @background-color-select-hover; } &-disabled { color: @btn-disable-color; cursor: @cursor-disabled; &:hover { color: @btn-disable-color; background-color: #fff; cursor: @cursor-disabled; } } &-selected ,&-selected:hover{ color: @brand-color; //background: @selected-color; } &-selected&-focus { //background: shade(@selected-color, 10%); } &-divided{ margin-top: 5px; border-top: 1px solid @border-color-split; &:before{ // content: ''; // height: 5px; // display: block; // margin: 0 -16px; // background-color: #fff; // position: relative; // top: -7px; } } &-enter{ color: @primary-color; font-weight: bold; float: right; } } .@{size-class}-large .@{item-class} { padding: 7px 16px 8px; font-size: @font-size-base !important; } // http://browserhacks.com/ // https://bugzilla.mozilla.org/show_bug.cgi?id=488725 // fixed #1224 #1143 #1127 @-moz-document url-prefix() { .@{item-class} { white-space: normal; } } }