virtualized-select
Version:
A virtualized select component for Vue2
1 lines • 1.93 kB
CSS
.vxe-select-option[data-v-c56b6c6a]{cursor:pointer;color:#606266;height:36px;line-height:36px;padding:0 1.5em;font-size:14px;display:flex;justify-content:space-between;align-items:center}.vxe-select-option.no-match[data-v-c56b6c6a]{justify-content:center;color:#999;cursor:default}.vxe-select-option.no-match[data-v-c56b6c6a]:hover{background-color:transparent}.vxe-select-option[data-v-c56b6c6a]:hover{background-color:#f5f7fa}.vxe-select-option>.el-icon-check[data-v-c56b6c6a]{display:none}.vxe-select-option.selected[data-v-c56b6c6a]{color:#409eff;font-weight:700}.vxe-select-option.selected>.el-icon-check[data-v-c56b6c6a]{display:inline-block;font-weight:700}.vxe-pulldown--panel.is--transfer>.vxe-pulldown--wrapper{width:100%;position:relative;overflow-x:hidden;overflow-y:auto;padding:4px 0;min-height:40px;border-radius:4px;border:1px solid #dadce0;box-shadow:0 0 6px 2px rgba(0,0,0,.098);background-color:#fff}.vxe-pulldown--panel.is--transfer>.vxe-pulldown--wrapper ::-webkit-scrollbar{width:8px;height:10px;opacity:0}.vxe-pulldown--panel.is--transfer>.vxe-pulldown--wrapper ::-webkit-scrollbar:active,.vxe-pulldown--panel.is--transfer>.vxe-pulldown--wrapper ::-webkit-scrollbar:focus,.vxe-pulldown--panel.is--transfer>.vxe-pulldown--wrapper ::-webkit-scrollbar:hover{opacity:1;-webkit-transition:opacity .34s ease-out;transition:opacity .34s ease-out}.vxe-pulldown--panel.is--transfer>.vxe-pulldown--wrapper ::-webkit-scrollbar-track{background-color:#fff}.vxe-pulldown--panel.is--transfer>.vxe-pulldown--wrapper ::-webkit-scrollbar-thumb{background-color:hsla(220,4%,58%,.3);-webkit-transition:background-color .3s;transition:background-color .3s;border-radius:5px;border:1px solid #f1f1f1}.vxe-pulldown--panel.is--transfer>.vxe-pulldown--wrapper ::-webkit-scrollbar-thumb:hover{background-color:hsla(220,4%,58%,.5)}.vxe-pulldown--panel.is--transfer>.vxe-pulldown--wrapper ::-webkit-scrollbar-corner{background-color:#fff}