ten-design-vue
Version:
ten-vue
93 lines (80 loc) • 2.92 kB
text/less
/* dependencies input,icon,loading,popup */
@import "../vars.less";
.vue-recycle-scroller{position:relative}.vue-recycle-scroller.direction-vertical:not(.page-mode){overflow-y:auto}.vue-recycle-scroller.direction-horizontal:not(.page-mode){overflow-x:auto}.vue-recycle-scroller.direction-horizontal{display:-webkit-box;display:-ms-flexbox;display:flex}.vue-recycle-scroller__slot{-webkit-box-flex:1;-ms-flex:auto 0 0px;flex:auto 0 0}.vue-recycle-scroller__item-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;position:relative}.vue-recycle-scroller.ready .vue-recycle-scroller__item-view{position:absolute;top:0;left:0;will-change:transform}.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper{width:100%}.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper{height:100%}.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view{width:100%}.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view{height:100%}.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}
.ten-select {
cursor: pointer;
}
.ten-select-input {
cursor: pointer;
.ten-input__input-input:not(:disabled):read-only {
cursor: pointer;
}
.ten-input__input-icon {
font-size: 14px;
}
.ten-input__input-icon .ten-icon--carret_down {
transition: transform 0.3s;
}
&--popupshow {
.ten-input__input-icon .ten-icon--carret_down {
transform: rotate(180deg);
}
}
}
.ten-select-options {
max-height: 400px;
overflow-y: auto;
outline: none;
}
.ten-select-option {
padding: 13px 10px;
line-height: 22px;
cursor: pointer;
word-break: break-all;
.ten-checkbox {
margin-right: 8px;
}
&--selected {
color: @primary-color;
}
&:hover:not(.ten-select-option--disabled),
&:focus:not(.ten-select-option--disabled),
&.ten-select-option--focused:not(.ten-select-option--disabled) {
background: @primary-color-ligher-7;
}
// 禁用
&--disabled {
color: @disabled-color;
cursor: not-allowed;
}
}
.ten-select__popup {
&-content {
position: relative;
}
&.ten-popup {
padding: 0;
}
&--size-small {
.ten-select-option {
min-height: 40px;
line-height: 40px;
}
}
&--loading &-content {
min-height: 48px;
}
.ten-select__empty {
text-align: center;
color: @text-color-lighter-2;
line-height: 48px;
}
}
.ten-select-group {
&__title {
font-size: 14px;
padding: 13px 10px;
line-height: 22px;
color: @text-color-lighter-2;
}
}