@reasy-team/reasy-ui
Version:
Tenda基于Vue2.x的PC组件库。[在线示例](https://reasyteam.github.io/Reasy-UI/)
3 lines (1 loc) • 5.07 kB
CSS
.v-select{position:relative;display:inline-block;vertical-align:top;width:228px}.v-select .placeholder-text{padding:0}.v-select__label{cursor:pointer;padding-right:30px}.v-select__label--text{overflow:hidden;white-space:nowrap}.v-select__label--position{position:relative}.v-select__label__item{background:#e9e9e9;padding:0 8px;display:inline-block;line-height:20px;border-radius:2px}.v-select__label__item+.v-select__label__item{margin-left:4px}.v-select__icon--right--active{font-size:16px ;float:right;color:#ff801f}.v-select__icon--right{font-size:16px ;vertical-align:top;display:inline-block;color:#8d8d8d;padding-left:8px}.v-select__icon--right:hover{color:#ff801f}.v-select__input{width:100%}.v-select__input .input-text{padding-right:30px }.v-select__input--clear .input-text{padding-right:60px }.v-select-options{margin:8px 0}.v-select-options__list{list-style:none;padding:0;margin:0}.v-select-options__item{padding:0 8px;cursor:pointer;white-space:nowrap}.v-select-options__item--disabled{color:silver;cursor:not-allowed}.v-select-options__item.active{color:#ff801f}.v-select-options__item:hover{background-color:rgba(255,128,31,0.05);color:#ff801f}.v-select__icon{position:absolute;right:0;top:0;height:100%;font-size:16px;padding:0 8px;vertical-align:middle;z-index:3;cursor:pointer;color:#8d8d8d;-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s}.v-select__icon--active{-webkit-transform:rotateZ(180deg);-ms-transform:rotate(180deg);transform:rotateZ(180deg)}.v-select--large{font-size:16px}.v-select--large .input-text,.v-select--large .v-select-options__item,.v-select--large .placeholder-text{font-size:16px;height:40px;line-height:38px}.v-select--large .v-select__icon{height:40px;line-height:40px}.v-select--large .v-select__icon--right--active{height:38px;line-height:38px}.v-select--large.v-input--no-border{font-size:16px}.v-select--large.v-input--no-border .input-text,.v-select--large.v-input--no-border .v-select-options__item,.v-select--large.v-input--no-border .placeholder-text{font-size:16px;height:38px;line-height:36px}.v-select--large.v-input--no-border .v-select__icon{height:38px;line-height:38px}.v-select--large.v-input--no-border .v-select__icon--right--active{height:36px;line-height:36px}.v-select--large .v-select__label__item,.v-select--large .v-select__icon--right{line-height:36px}.v-select--medium{font-size:14px}.v-select--medium .input-text,.v-select--medium .v-select-options__item,.v-select--medium .placeholder-text{font-size:14px;height:32px;line-height:30px}.v-select--medium .v-select__icon{height:32px;line-height:32px}.v-select--medium .v-select__icon--right--active{height:30px;line-height:30px}.v-select--medium.v-input--no-border{font-size:14px}.v-select--medium.v-input--no-border .input-text,.v-select--medium.v-input--no-border .v-select-options__item,.v-select--medium.v-input--no-border .placeholder-text{font-size:14px;height:30px;line-height:28px}.v-select--medium.v-input--no-border .v-select__icon{height:30px;line-height:30px}.v-select--medium.v-input--no-border .v-select__icon--right--active{height:28px;line-height:28px}.v-select--medium .v-select__label__item,.v-select--medium .v-select__icon--right{line-height:28px}.v-select--small{font-size:12px}.v-select--small .input-text,.v-select--small .v-select-options__item,.v-select--small .placeholder-text{font-size:12px;height:24px;line-height:22px}.v-select--small .v-select__icon{height:24px;line-height:24px}.v-select--small .v-select__icon--right--active{height:22px;line-height:22px}.v-select--small.v-input--no-border{font-size:12px}.v-select--small.v-input--no-border .input-text,.v-select--small.v-input--no-border .v-select-options__item,.v-select--small.v-input--no-border .placeholder-text{font-size:12px;height:22px;line-height:20px}.v-select--small.v-input--no-border .v-select__icon{height:22px;line-height:22px}.v-select--small.v-input--no-border .v-select__icon--right--active{height:20px;line-height:20px}.v-select--small .v-select__label__item,.v-select--small .v-select__icon--right{line-height:20px}.v-select--small .v-select__label{padding-right:24px}.v-select .v-input__icon--suffix{right:28px}.v-select .v-icon-close-plane{-webkit-transition:none;-o-transition:none;transition:none}.v-select:hover .input-text:not(.is-focus){border-color:#ff801f}.v-select:hover .is-focus .input-text{border-color:#ff801f}.v-select__input.is-focus{border:none;-webkit-box-shadow:none;box-shadow:none}.v-select__input.is-focus .input-text{border-color:#ff801f;-webkit-box-shadow:0px 0px 4px 0px rgba(255,128,31,0.5);box-shadow:0px 0px 4px 0px rgba(255,128,31,0.5)}.slide-down-enter-active{-webkit-animation:slideInUp 0.3s;animation:slideInUp 0.3s}.slide-down-leave-active{-webkit-animation:slideOutUp 0.3s;animation:slideOutUp 0.3s}.is-disabled .v-select__icon{cursor:not-allowed;color:silver}.is-disabled .v-select__icon:hover{color:silver}.is-disabled .v-select__label__item{background:#f5f5f5;color:silver;border:1px solid #e9e9e9}.is-disabled .v-select__icon--right{color:silver}