@wetspace/pro-components
Version:
::: tip 基本介绍
2 lines (1 loc) • 17.5 kB
CSS
.el-text-ellipsis{white-space:normal;display:-webkit-box;display:-moz-box;display:box;-webkit-line-clamp:var(--wet-pro-line-clamp);-moz-line-clamp:var(--wet-pro-line-clamp);line-clamp:var(--wet-pro-line-clamp);-webkit-box-orient:vertical;-moz-box-orient:vertical;box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.el-editable-table{width:100%}.el-editable-table__header{margin-bottom:10px}.el-editable-table__footer{margin-top:10px}.el-editable-table .el-form-item{margin-bottom:0}.el-editable-table-column{position:relative}.el-editable-table-column__error{position:absolute;left:0;right:0;top:0;height:0}.el-pro-form-item__form-iteminner{display:flex;align-items:center;width:100%}.el-pro-form-item__form-iteminner>.prepend{margin-right:6px}.el-pro-form-item__form-iteminner>.append{margin-left:6px}.el-pro-form-item__label{display:inline-flex;align-items:center}.el-pro-form-item__question{margin-left:4px;cursor:help}.el-pro-form{overflow-x:hidden}.el-pro-form__row{flex-wrap:wrap}.el-pro-form__actions{flex:1}.el-pro-form__actions-slot{display:flex;justify-content:flex-end}.el-form-group__title{margin-bottom:10px}.el-setps-form.is-vertical{display:flex}.el-setps-form__body{padding:10px 20px}.el-setps-form__body-content{width:var(--wet-body-content-w, 100%);margin:0 auto}.el-query-form .search-actions{display:flex;align-items:center;flex:1;justify-content:flex-end}.el-condition-fliter-form{background-color:#fff;padding:20px}.el-condition-fliter-form__hd{margin-bottom:15px}.el-condition-fliter-form__body{display:flex}.el-condition-fliter-form__body__hd{flex:0 0 50px;padding-left:10px;display:flex;flex-direction:column}.el-condition-fliter-form__body__conent{flex:1}.el-condition-fliter-form__condition-item{display:flex;width:100%;justify-content:space-between}.el-condition-fliter-form__body__hd-r{position:relative;overflow:hidden;flex:1}.el-condition-fliter-form__body__hd-r:after{content:"";position:absolute;left:7px;display:block;height:100%;width:100%;border-radius:8px;border:1px solid #ccc}.el-condition-fliter-form__body__hd-r.is-t:after{top:15px}.el-condition-fliter-form__body__hd-r.is-b:after{bottom:15px}.el-condition-fliter-form__footer{display:flex;justify-content:space-between}.el-modal-form .el-dialog__title{font-size:var(--wet-modal-form-title-size, 16px);font-weight:var(--wet-modal-form-title-weight, 600)}.el-modal-form__body{max-height:60vh;overflow:auto}.el-modal-form__footer{display:flex;justify-content:flex-end}.el-modal-form__footer .footer-slot__inner{padding-right:12px}.el-drawer-form .el-drawer__header{margin-bottom:var(--wet-drawer-form-hdmb, 0)}.el-drawer-form .el-drawer__title{font-size:var(--wet-drawer-form-title-size, 16px);font-weight:var(--wet-drawer-form-title-weight, 500)}.el-drawer-form__body{max-height:60vh;overflow:auto}.el-drawer-form__footer{display:flex;justify-content:flex-end}.el-drawer-form__footer .footer-slot__inner{padding-right:12px}.el-schema-table.is-fill{height:100%;overflow:hidden}.el-schema-table__expandable{padding:0 50px}.el-table-cell-state__dot{width:6px;height:6px;border-radius:50%}.el-table-cell-state__dot.is-danger{background-color:var(--el-color-danger)}.el-table-cell-state__dot.is-warning{background-color:var(--el-color-warning)}.el-table-cell-state__dot.is-primary{background-color:var(--el-color-primary)}.el-table-cell-state__dot.is-success{background-color:var(--el-color-success)}.el-table-cell-state__dot.is-info{background-color:var(--el-color-info)}.el-pro-table{display:flex;flex-direction:column}.el-pro-table.is-fill{height:100%}.el-pro-table.is-card-bordered .el-pro-table__header,.el-pro-table.is-card-bordered .el-pro-table__body{border:1px solid var(--el-border-color)}.el-pro-table__header{border-radius:var(--el-border-radius-base);padding:20px 20px 2px;background-color:#fff;margin-bottom:15px}.el-pro-table__header .search-actions{display:flex;align-items:center;flex:1;justify-content:flex-end}.el-pro-table__header.is-small{padding:10px 10px 2px}.el-pro-table__body{flex:1;background-color:#fff;border-radius:var(--el-border-radius-base);padding:20px;display:flex;flex-direction:column;box-sizing:border-box;overflow:auto}.el-pro-table__body .tabel-body-inner{flex:1;overflow:auto}.el-pro-table__body.is-small{padding:10px}.el-pro-table__footer{flex:0 0 auto;background-color:#fff;padding:20px 20px 0}.el-pro-table__footer.center{text-align:center}.el-pro-table__footer.left{text-align:left}.el-pro-table__footer.right{text-align:right}.el-pro-table__footer .el-pager{padding-left:0}.el-pro-table__footer.is-small{padding:10px 10px 0}.el-pro-table__pagination-inner{display:inline-block}.el-pro-table .tabel-body-tool{display:flex;justify-content:space-between;margin-bottom:15px;align-items:center}.el-pro-table .tabel-body-tool--title{color:var(--el-text-color-primary);font-size:var(--el-font-size-base)}.el-pro-table .el-tabel-tools{display:flex;align-items:center}.el-pro-table .el-tabel-tools>.table-tool-icon{margin:0 8px;cursor:pointer}.el-pro-table .el-tabel-tools>.table-tool-icon:hover{color:var(--el-color-primary)}.el-tabel-tools__cols-display .check-all__inner{display:flex;justify-content:space-between;align-items:center}.el-tabel-tools__cols-display .cols__inner{padding-left:15px}.el-tabel-tools__toolsizeitem.is-actived{color:var(--el-dropdown-menuItem-hover-color)}.el-pro-card__header-content{display:flex;justify-content:space-between;align-items:center}.el-pro-card__header-content--arrow-icon{transition:transform .3s;transform:rotate(90deg)}.el-pro-card__header-content--arrow-icon.is-collapse{transform:rotate(0)}.el-pro-card.is-collapse .el-card__header{border-bottom:none}.el-pro-card.is-collapse>.el-card__body{display:none}.el-pro-card.is-collapse>.el-card__footer{display:none}.el-pro-card.is-collapsible .el-card__header{cursor:pointer}.el-pro-card.is-ghost{background-color:transparent;border:none}.el-pro-card.is-ghost>.el-card__header{padding:0 0 calc(var(--el-card-padding) - 2px) 0;border-bottom:none}.el-pro-card.is-ghost>.el-card__body{padding:0}.el-pro-card.is-split>.el-card__body{padding:0}.el-pro-card.is-no-border{border:none}.el-pro-card.is-no-border>.el-card__header{border-bottom:none}.el-pro-card.is-split-horizontal{border-radius:0;border-inline-end:1px solid var(--el-card-border-color)}.el-pro-card.is-split-vertical{border-radius:0;border-block-end:1px solid var(--el-card-border-color)}.el-pro-page-container{display:flex;flex-direction:column;height:100%}.el-pro-page-container__default-header{margin:15px 0;display:flex;justify-content:space-between;align-items:center}.el-pro-page-container__default-header h2{font-size:20px;font-weight:600}.el-pro-page-container__default-header.is-tabs,.el-pro-page-container__default-header.is-fixed{margin-bottom:0}.el-pro-page-container__header{margin-bottom:15px}.el-pro-page-container__header.is-fixed{padding-top:15px;position:fixed;background-color:#fff;padding:var(--wet-page-container-pd, 20px);z-index:500;box-shadow:3px 2px 8px #f0f1f2;box-sizing:border-box}.el-pro-page-container__header .el-tabs__content{display:none}.el-pro-page-container__header .el-tabs__header{margin-bottom:0}.el-pro-page-container__body{flex:1}.el-pro-page-container__body.is-header-fixed{padding:var(--wet-page-container-pd, 20px)}.el-pro-page-container__body.is-full{overflow:auto}.el-pro-page-container__body-innder.is-full{height:100%;overflow:auto}.el-pro-page-container__footer.is-header-fixed{margin:var(--wet-page-container-pd, 20px)}.el-pro-page-container__footer{margin-top:20px}.el-pro-layout__logo{display:flex;align-items:center;margin:0 auto;justify-content:center;padding:10px;color:var(--wet-logo-color, var(--el-color-primary))}.el-pro-layout__logo>h1{font-size:24px;padding:0 10px}.el-pro-layout__header{display:flex;background-color:#fff;align-items:center;justify-content:space-between;position:relative;padding:0}.el-pro-layout__header.is-fixed{position:fixed;top:0;right:0;left:0;z-index:100}.el-pro-layout__header.is-fixed.is-aside-fixed{left:var(--wet-pro-layout-aside-width, var(--el-aside-width))}.el-pro-layout__header:after{content:"";display:block;position:absolute;right:0;left:0;bottom:0;border-bottom:1px solid rgba(0,0,0,.06)}.el-pro-layout__header .el-menu{margin:0;border:none;background-color:transparent}.el-pro-layout__header .el-menu li{margin-top:0}.el-pro-layout__header .el-pro-layout__logo{width:var(--wet-pro-layout-aside-width, var(--el-aside-width))}.el-pro-layout__header .header-menus-wrapper{display:flex;flex:1;justify-content:space-between;align-items:center}.el-pro-layout__header .header-tools-wrapper{padding-right:10px}.el-pro-layout__aside{padding:0 10px 10px;background-color:var(--wet-pro-layout-aside-bg, #fff);width:var(--wet-pro-layout-aside-width, var(--el-aside-width));transition:width .3s;position:relative;overflow-x:hidden;flex-direction:column;display:flex}.el-pro-layout__aside.is-fixed{position:fixed;top:0;left:0;z-index:100;bottom:0}.el-pro-layout__aside:after{content:"";display:block;position:absolute;right:0;top:0;bottom:0;border-right:1px solid rgba(0,0,0,.06)}.el-pro-layout__aside .el-menu{margin:0;border:none;padding-left:0;background-color:transparent}.el-pro-layout__aside .el-menu li{margin-top:0}.el-pro-layout__aside .menu-item__collapse{font-style:normal}.el-pro-layout__aside .ymenu-wrapper{flex:1;overflow-x:hidden;overflow-y:auto}.el-pro-descriptions__item-container{width:100%;display:flex}.el-pro-descriptions__item-label{display:inline-flex;align-items:baseline;min-width:50px}.el-pro-descriptions__item-label.is-blod{font-weight:600}.el-pro-descriptions__item-content{align-items:baseline;flex:1;word-break:break-word;overflow-wrap:break-word;min-width:120px}.el-pro-descriptions__item-content.is-slider{line-height:1.5}.el-pro-descriptions.is-no-border .el-descriptions__label{display:none}.el-pro-descriptions.is-no-border .el-descriptions__cell{vertical-align:top}.el-pro-descriptions.is-no-border .el-rate{height:23px}.el-pro-page-labels__labels-header{background-color:var(--wet-labels-header-bgcolor, #fff)}.el-pro-page-labels__labels-header .el-tabs__item{padding:0;width:180px;text-align:center}.el-pro-page-labels__labels-header .el-tabs__item.is-active{background-color:var(--wet-label-active-bgcolor, rgba(0, 0, 0, .07))}.el-pro-page-labels__labels-header .el-tabs__active-bar{display:none}.el-pro-page-labels__labels-header .el-tabs__header{margin:0}.el-pro-page-labels__labels-header .el-tabs__nav-wrap:after{display:none}.el-pro-page-labels .el-pro-page-labels-item{width:100%;height:100%}.el-pro-page-labels .el-pro-page-labels-item .item-lablebox{height:100%;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 12px;position:relative}.el-pro-page-labels .el-pro-page-labels-item .item-lablebox:after{content:"";position:absolute;top:9px;bottom:9px;right:-1px;border-right:1px solid #d1d0d0}.el-pro-page-labels .el-pro-page-labels-item .item-lablebox .el-loading-spinner{margin-top:-7.5px}.el-pro-page-labels .el-pro-page-labels-item .item-lablebox .el-loading-spinner .circular{width:15px;height:15px}.el-pro-list__form{background-color:#fff;padding:20px 20px 0;margin-bottom:15px}.el-pro-list__form.is-ghost{background-color:transparent;padding:0;margin-bottom:0}.el-pro-list__tool-bar{padding:20px 10px 0}.el-pro-list__tool-bar.is-card{padding:0}.el-pro-list__panel{background-color:#fff}.el-pro-list__panel.is-card{padding:var(--wet-prolist-gutter, 0)}.el-pro-list__panel.is-ghost{background-color:transparent;padding:0}.el-pro-list__item{display:flex;align-items:center;list-style:none;border-bottom:var(--el-border);padding:20px}.el-pro-list__item.is-card{display:block;border-bottom:none;padding:var(--wet-prolist-gutter) 0}.el-pro-list__item.is-selected{background-color:var(--el-color-primary-light-8)}.el-pro-list__selection{padding-right:12px}.el-pro-list__selection-tip{padding-bottom:12px}.el-pro-list__selection-tip .el-alert__content{width:100%}.el-pro-list__selection-tip--content{width:100%;display:flex;justify-content:space-between}.el-pro-list__hd{flex:0 0 auto}.el-pro-list__image{width:50px;height:50px}.el-pro-list__body{padding:0 12px;flex:1}.el-pro-list__pagination{background-color:#fff;padding:10px}.el-pro-list__pagination.center{text-align:center}.el-pro-list__pagination.left{text-align:left}.el-pro-list__pagination.right{text-align:right}.el-pro-list__pagination.is-ghost{background-color:transparent}.el-pro-list__pagination-inner{display:inline-block}.el-pro-list--content-image{width:var(--wet-pro-list-image-s, 50px);height:var(--wet-pro-list-image-s, 50px)}.el-pro-list__card:hover{cursor:pointer;border-color:var(--el-color-primary)}.el-pro-list__card--content{display:flex}.el-pro-list__card--content-image{width:var(--wet-pro-list-image-s, 60px);height:var(--wet-pro-list-image-s, 60px)}.el-pro-list__card--content-text{flex:1;padding-left:10px}.el-digitrange{position:relative}.el-digitrange .el-input__inner{padding-right:60%}.el-digitrange.is-disabled{cursor:not-allowed}.el-digitrange__inner{display:flex;align-items:center;position:absolute;left:30px;right:30px;top:0;bottom:0;z-index:50}.el-digitrange__inner-value{flex:1;text-align:center}.el-digitrange__inner-value.is-left{padding-right:8px}.el-digitrange__inner-value.is-right{padding-left:8px}.el-digitrange__popover-panel{display:flex;align-items:center}.el-login-page{background-image:var(--wet-login-bg-image);background-position:center;background-size:cover;background-repeat:no-repeat}.el-login-page .el-tabs__nav{width:fit-content;margin:0 auto;justify-content:center;float:none}.el-login-page.is-page{height:100vh;width:100vw;position:relative}.el-login-page__login-form{width:350px;background-color:var(--wet-login-inner-bgcolor, #fff);padding:20px;border-radius:4px}.el-login-page__login-form.is-page{background-color:var(--wet-login-inner-bgcolor, rgba(255, 255, 255, .9));position:absolute;right:200px;top:50%;transform:translateY(-50%);z-index:50;box-shadow:0 0 24px #0000001a}@media (max-width: 768px){.el-login-page__login-form.is-page{left:50%;transform:translate(-50%,-50%)}}.el-login-page--form-logo{display:flex;justify-content:center;align-items:center}.el-login-page--form-logo .title{inset-block-start:2px;font-weight:600;font-size:32px;padding-left:10px}.el-login-page--form-subtitle{width:80%;margin:10px auto;font-size:14px;color:var(--el-text-color-secondary);text-align:center}.el-login-page--form-footer{margin-top:15px;font-size:14px;display:flex;justify-content:space-between;align-items:center}.el-login-page--form-footer .item{cursor:pointer}.el-errorpage{background-image:var(--wet-error-page-bg);background-position:center;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;justify-content:center}.el-errorpage__center{margin:auto;width:370px;text-align:center}.el-errorpage__center h1{margin:0;padding:0;height:calc(1.625rem + 4.5vw);line-height:1;font-size:calc(1.625rem + 4.5vw)}.el-errorpage__center .center__desc{margin:20px 0;font-size:calc(1.25625rem + .075vw)}.el-errorpage__center .center__desc-span:nth-child(2){color:var(--el-color-primary)}.el-guide{border-radius:var(--wet-guide-radius, 2px);position:fixed;z-index:1000;box-shadow:none;transition:all .2s ease-in-out;--wet-guide-mask-bg:rgba(0, 0, 0, .6)}.el-guide.is-mask{box-shadow:0 0 0 0 var(--wet-guide-mask-bg),var(--wet-guide-mask-bg) 0 0 0 1000vw}.el-guide__gide-mask{position:fixed;z-index:1000;top:0;left:0;right:0;bottom:0}.el-guide__mask-popover{background-color:var(--wet-guide-item-bg, var(--el-color-white))}.el-guide__popover{background-color:var(--wet-guide-item-bg, var(--el-color-primary))}.el-guide__popover .el-popper__arrow:before{border:1px solid var(--el-color-primary);background:var(--el-color-primary);right:0}.el-guide__reference{width:100%;height:100%}.el-guide__header{display:flex;justify-content:space-between;margin-bottom:12px;color:var(--el-color-white);font-size:16px}.el-guide__header .close{cursor:pointer;color:var(--el-color-white)}.el-guide__header.is-mask{color:var(--el-text-color-primary)}.el-guide__header.is-mask .close{cursor:pointer;color:var(--el-text-color-primary)}.el-guide__description{width:fit-content;padding-bottom:12px;color:var(--el-color-white);font-size:14px}.el-guide__description.is-mask{color:var(--el-text-color-primary)}.el-guide__footer{display:flex;justify-content:space-between}.el-guide__footer .index-dots{margin-right:10px}.el-guide__footer .index-dot{width:6px;height:6px;background-color:var(--el-color-primary-light-5);border-radius:50%}.el-guide__footer .index-dot.is-active{background-color:var(--el-color-primary-light-9)}.el-guide__footer .index-dot.is-mask{background-color:var(--el-color-primary-light-8)}.el-guide__footer .index-dot.is-mask.is-active{background-color:var(--el-color-primary)}.el-guide__footer .actions-btnbox{display:flex;align-items:center}.el-state__dot{display:inline-block;width:6px;height:6px;border-radius:50%}.el-state__dot.is-danger{background-color:var(--el-color-danger)}.el-state__dot.is-warning{background-color:var(--el-color-warning)}.el-state__dot.is-primary{background-color:var(--el-color-primary)}.el-state__dot.is-success{background-color:var(--el-color-success)}.el-state__dot.is-info{background-color:var(--el-color-info)}.el-notice-menu__listwrap{max-height:320px;overflow:auto}.el-notice-menu__list{width:260px;display:flex;align-items:center;justify-content:space-between}.el-notice-menu__tigger{cursor:pointer}.el-notice-menu__list-hd,.el-notice-menu__list-bd{padding-right:10px}