lin-view-ui
Version:
vue components library
1 lines • 2.02 kB
CSS
@-webkit-keyframes rotate-animation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes rotate-animation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.lin-spinner{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.lin-spinner-row{flex-direction:row}.lin-spinner-row .lin-spinner-text{margin-left:5px}.lin-spinner-col{flex-direction:column}.lin-spinner-col .lin-spinner-text{margin-top:5px}.lin-spinner-loading{width:24px;height:24px;border-style:solid;border-width:1px;border-radius:50%;-webkit-animation-name:rotate-animation;animation-name:rotate-animation;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.lin-spinner-type-primary{border-color:#409eff}.lin-spinner-type-success{border-color:#67c23a}.lin-spinner-type-info{border-color:#909399}.lin-spinner-type-warning{border-color:#e6a23c}.lin-spinner-type-danger{border-color:#f56c6c}.lin-spinner-proportion-1{border-top-color:transparent}.lin-spinner-proportion-2{border-top-color:transparent;border-left-color:transparent}.lin-spinner-proportion-3{border-top-color:transparent;border-right-color:transparent;border-left-color:transparent}.lin-spinner-text{font-size:14px;color:#606266}.user-no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lin-scroll-bar{position:relative;width:100%;overflow:hidden}.lin-scroll-bar-wrapper{position:relative;margin-right:-17px;overflow-y:scroll}.lin-srcoll-bar-barwrapper{position:absolute;top:0;right:0;width:8px;height:100%;background-color:transparent}.lin-srcoll-bar-bar{position:absolute;top:0;left:0;width:8px;cursor:pointer;background-color:rgba(144,147,153,.3);border-radius:4px}.lin-srcoll-bar-bar:hover{background-color:rgba(144,147,153,.5)}.lin-scroll-bar-spinner{padding:5px 0;text-align:center}