do-element
Version:
Secondary encapsulation of basic element-ui
1 lines • 20.7 kB
CSS
.d-menu.el-menu,.d-page-tabs .d-page-tabs-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.d-container::after,.d-sort-tag::before,.d-steps-bg::after,.d-steps-bg::before,.d-table-more::after,.d-table-more::before{content:''}.d-link{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;color:#3a3a3a;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.d-link--inner{padding:0 4px}.d-link--primary{color:#2b9c97}.d-link--success{color:#5793f3}.d-link--danger{color:#ff7e7e}.d-link--warning{color:#ffab58}.d-link.is-disabled{cursor:not-allowed;color:#c0c4cc}.d-link.is-disabled i{color:inherit}.d-link:not(:last-child){margin-right:8px}.d-confirm-box{width:600px}.d-confirm-box .el-message-box__status{position:static;-webkit-transform:none;transform:none;margin-top:-4px;font-size:40px}.d-confirm-box .el-message-box__status.el-icon-warning{color:#ff7e7e}.d-confirm-box .el-message-box__status.el-icon-question{color:#faad14}.d-confirm-box .el-message-box__status.el-icon-success{color:#61c5c1}.d-confirm-box .el-message-box__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.d-confirm-box .el-message-box__container .d-modal-title{font-size:18px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:rgba(0,0,0,.85)}.d-confirm-box .el-message-box__message p{font-size:16px;font-family:PingFangSC-Regular,PingFang SC;color:#666;line-height:22px}.d-container .d-header .d-header-title,.d-notice .el-notification__title,.d-table .d-table-header th,.d-table-empty--text{font-family:PingFangSC-Medium,PingFang SC}.d-confirm-box .el-message-box__status+.el-message-box__message{padding-left:15px;-webkit-box-flex:1;-ms-flex:1;flex:1;padding-right:0}.d-confirm-box .el-message-box__header{padding:0}.d-confirm-box .el-message-box__content{padding:30px}.d-confirm-box .el-message-box__btns{border-top:1px solid #e6e6e6;padding:10px 16px 0}.d-confirm-box .el-message-box__btns .el-button{padding:10px 15px;width:100px}.d-notice{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.d-notice.el-notification{padding:15px 20px}.d-notice.el-notification .el-icon-success{color:#61c5c1}.d-notice.el-notification .el-icon-warning{color:#ff7e7e}.d-notice .el-notification__title{font-size:18px;font-weight:400;color:rgba(0,0,0,.85);line-height:24px}.d-notice .el-notification__content{font-size:16px;font-family:PingFangSC-Regular,PingFang SC;color:#888;line-height:22px;margin:0}.d-notice .el-notification__icon{height:40px;width:40px;font-size:40px;margin-top:-2px}.d-notice .el-notification__group{margin-left:10px}.d-page-tabs{height:34px;font-size:14px;-webkit-box-shadow:0 1px #e6e6e6;box-shadow:0 1px #e6e6e6}.d-page-tabs .d-page-tabs-item{display:inline-block;font-family:PingFangSC-Regular,PingFang SC;color:#666;padding:0 15px;text-decoration:none;height:33px;line-height:33px;background:#f6f6f6;border-radius:4px 4px 0 0;border:1px solid #e8e8e8;border-bottom:0;margin-right:8px;-webkit-transition:color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1);transition:color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1);cursor:pointer;user-select:none}.d-dialog .el-dialog__footer,.d-statistic.d-statistic-top,.d-statistic.d-statistic-updown{border-top:1px solid #e6e6e6}.d-dialog .el-dialog__header,.d-page-title,.d-statistic.d-statistic-bottom,.d-statistic.d-statistic-updown{border-bottom:1px solid #e6e6e6}.d-page-tabs .d-page-tabs-item.active-tabs-item{background-color:#fff;color:#61c5c1;height:34px;margin-bottom:-1px}.d-dialog.d-round-dialog .el-dialog{border-radius:6px;overflow:auto}.d-dialog.d-round-dialog .el-dialog .el-dialog__headerbtn{top:19px}.d-dialog .el-dialog__footer{padding:10px 30px 10px 15px}.d-dialog .el-dialog__footer .el-button{width:100px}.d-dialog .el-dialog__body{padding:15px 30px 15px 15px}.d-dialog .el-dialog__header{padding:15px 20px}.d-dialog .el-dialog__header .el-dialog__title{font-size:18px;font-family:PingFangSC-Regular,PingFang SC;color:#333}.d-upload .d-upload-inner{overflow:hidden;position:relative;width:100px;height:100px;line-height:98px;background:#fafafa;border-radius:4px;border:1px solid #ccc}.d-upload .d-upload-inner i{font-size:34px;color:#ccc}.d-upload .el-upload-list__item.is-ready,.d-upload .el-upload-list__item.is-uploading{display:none}.d-upload .el-upload-list{line-height:0}.d-upload .el-upload--picture-card,.d-upload .el-upload-list--picture-card .el-upload-list__item{width:100px;height:100px;border:0;margin:0 8px 0 0}.d-upload .el-upload-list__item img{-o-object-fit:cover;object-fit:cover}.d-upload .d-image-url{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.d-upload .d-new-upload{position:absolute;left:0;bottom:0;width:100%;height:20px;line-height:20px;background:rgba(0,0,0,.6);border-radius:0 0 4px 4px;font-size:12px;font-family:NotoSansHans-Regular,NotoSansHans;color:#fff}.d-tree-select.el-popover{-webkit-box-sizing:border-box;box-sizing:border-box;padding:12px 0}.d-tree-select.el-popover .el-tree-node__content{height:34px}.d-tree-reference{overflow:hidden;position:relative;cursor:pointer;outline:0}.d-tree-reference .d-label-placeholder{color:#c0c4cc}.d-tree-reference .d-label-value{color:#606266}.d-tree-reference .d-label-placeholder,.d-tree-reference .d-label-value{position:absolute;top:0;bottom:0;left:0;right:0;line-height:34px;cursor:text;padding:0 0 0 15px;margin-right:30px;font-size:14px}.d-tree-reference .el-icon-circle-close{cursor:pointer}.d-tree-reference .el-icon-arrow-down{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.d-tree-reference.is-arrow .el-icon-arrow-down{-webkit-transform:rotateZ(-180deg);transform:rotateZ(-180deg)}.d-tree-reference.is-focus .d-label-value{color:#c0c4cc}.d-tree-reference.is-query .d-label-placeholder,.d-tree-reference.is-query .d-label-value{display:none}.d-table{position:relative}.d-table .d-pagination{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:15px}.d-table .d-table-header th{background:#ebebf3;height:40px;padding:0;font-size:14px;color:rgba(0,0,0,.85)}.d-table .el-table td{position:relative;padding:9px 0}.d-table .el-table__fixed-right::before,.d-table .el-table__fixed::before{background-color:#dcdcee}body .el-table th.gutter{display:table-cell}.d-table-operate-column .cell>.d-more-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.d-table-more--inner,.d-table-more::after,.d-table-more::before{display:block;background:#999;border-radius:50%;height:3px;width:3px}.d-table-more--inner{margin:0 2px}.d-table-more{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:14px;padding-top:2px;margin-left:4px}.d-table-more:hover .d-table-more--inner,.d-table-more:hover::after,.d-table-more:hover::before{background-color:#61c5c1}.d-column-popover-icon{position:absolute;right:10px;top:12px;z-index:10}.d-table-column-popover{min-width:90px;padding:8px 10px}.d-table-column-ul{list-style:none;padding:0;margin:0}.d-table-column-ul .d-table-column-li{height:34px;line-height:34px;cursor:pointer;padding:0 10px;border-radius:4px;-webkit-transition:all .3s;transition:all .3s}.d-table-column-ul .d-table-column-li:hover{background-color:rgba(97,197,193,.08)}.d-table-more-popover{padding:10px;min-width:100px;background:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.15);box-shadow:0 2px 12px 0 rgba(0,0,0,.15);border:1px solid #d9d9d9}.d-table-more-popover .d-link{display:block;line-height:34px;color:#333;padding:0 10px;border-radius:4px;margin:0}.d-table-more-popover .d-link:hover{background-color:#f5f5f8}.d-table-empty{text-align:center}.d-table-empty--image{width:200px;height:200px;-o-object-fit:cover;object-fit:cover;display:block;margin:80px auto 0}.d-table-empty--text{font-size:14px;color:#999;line-height:22px;margin:0}.d-grid-table-wrapper{margin:-10px}.d-grid-table{border-spacing:10px;border-collapse:inherit;border:none;width:100%;table-layout:fixed}.d-grid-table .d-grid-td{position:relative;border-radius:4px;border:1px solid #e5e5e5;height:100%;padding:10px;overflow:hidden}.d-grid-table .d-grid-td:hover{cursor:pointer;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.d-cell-input{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-box-shadow:1px 1px 20px rgba(0,0,0,.15);box-shadow:1px 1px 20px rgba(0,0,0,.15)}.d-container .d-content,.d-container .d-header{-webkit-box-shadow:0 4px 6px 0 rgba(62,62,105,.1)}.d-cell-input .el-input__inner{display:block;border-radius:0;width:100%;height:100%;line-height:inherit}.d-form .el-form-item .el-form-item__content,.d-form .el-form-item .el-form-item__label{line-height:34px}.d-form .el-date-editor .el-input__prefix{left:inherit;right:6px}.d-form .el-date-editor .el-range__icon{position:absolute;right:6px}.d-form .el-date-editor .el-range-input{text-align:left}.d-form .d-time-picker .el-date-editor{width:100%}.d-form .el-input .el-input__inner{padding:0 10px}.d-form .el-form-item{margin-bottom:10px}.d-form .el-form-item .el-form-item__content>*{width:100%}.d-form .el-form-item__label{padding-right:15px}.d-form .d-form-footer{text-align:center}.d-form .d-form-footer--top{margin-top:20px}.d-form .el-form-item__content .el-form-item__error{position:static;margin-top:6px}.el-form--inline.d-form{display:-webkit-box;display:-ms-flexbox;display:flex}.el-form--inline.d-form .d-time-picker .el-date-editor,.el-form--inline.d-form .el-input .el-input__inner{width:180px}.el-form--inline.d-form .el-date-editor.el-range-editor{width:370px}.el-form--inline.d-form .d-form-footer .el-button{width:55px;padding:9px 0}.el-form--inline.d-form .d-form-footer .el-button--primary{background-color:#3d3d69;border-color:#3d3d69}.el-form--inline.d-form .flex-1{-webkit-box-flex:1;-ms-flex:1;flex:1}.d-time-picker{position:relative}.d-time-picker--value{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:3px;bottom:3px;right:30px;left:10px;z-index:1;background:#fff}body,html{height:100%}.d-container{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.d-container::after{display:table;clear:both}.d-container .d-header{position:absolute;top:0;z-index:99;height:60px;line-height:60px;background:#fff;min-width:1280px;width:100%;box-shadow:0 4px 6px 0 rgba(62,62,105,.1)}.d-container .d-header.d-header-fixed{position:fixed}.d-container .d-header .d-header-content{position:relative;max-width:1280px;min-width:1280px;margin:0 auto;text-align:center}.d-container .d-header .d-header-title{font-size:18px;font-weight:500;color:#383838;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.d-container .d-footer,.d-container .d-header .d-logo .el-link--inner,.d-menu.el-menu{font-family:PingFangSC-Regular,PingFang SC}.d-container .d-header .d-header-right{position:absolute;right:0}.d-container .d-header .d-logo{float:left;width:160px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;white-space:nowrap}.d-container .d-header .d-logo .d-logo-image{height:36px;width:36px}.d-container .d-header .d-logo .el-link--inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:16px}.d-container .d-menu.el-menu{float:left}.d-container .d-footer{height:40px;line-height:40px;text-align:center;font-size:14px;color:#a9a9b5}.d-container .d-beian-link{color:inherit;text-decoration:none}.d-container .d-main{-webkit-box-flex:1;-ms-flex:1;flex:1;max-width:1280px;min-width:1280px;margin:80px auto 10px}.d-container .d-content{background:#fff;box-shadow:0 4px 6px 0 rgba(62,62,105,.1);border-radius:4px;margin-left:170px;height:100%;overflow-x:hidden}.d-container .fade-transform-enter-active,.d-container .fade-transform-leave-active{-webkit-transition:all .15s;transition:all .15s}.d-container .fade-transform-enter{opacity:0;-webkit-transform:translateX(-30px);transform:translateX(-30px)}.d-container .fade-transform-leave-to{opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px)}.d-router-view{padding:20px}.d-menu.el-menu{width:160px;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;border-right:0;-webkit-box-shadow:0 4px 6px 0 rgba(62,62,105,.1);box-shadow:0 4px 6px 0 rgba(62,62,105,.1);border-radius:4px;overflow:hidden;user-select:none}.d-menu.el-menu .el-menu-item,.d-menu.el-menu .el-submenu__title{height:40px;line-height:40px;min-width:160px;margin:4px 0}.d-menu.el-menu .el-menu-item:hover,.d-menu.el-menu .el-submenu__title:hover{color:#fff;background:0 0}.d-menu.el-menu .el-menu-item:hover .el-icon-arrow-down,.d-menu.el-menu .el-submenu__title:hover .el-icon-arrow-down{color:inherit}.d-menu.el-menu>.d-submenu>.el-submenu>.el-menu .el-menu-item,.d-menu.el-menu>.d-submenu>.el-submenu>.el-menu .el-submenu__title{padding-left:46px}.d-menu.el-menu .el-submenu .el-menu,.d-menu.el-menu .el-submenu .el-menu .el-menu-item{background-color:#2f2f55}.d-menu.el-menu .el-submenu .el-menu .el-submenu__title{background-color:transparent}.d-menu.el-menu .el-submenu.is-opened .el-submenu__title{color:#fff}.d-menu.el-menu .el-submenu.is-opened .el-submenu__title .el-icon-arrow-down{color:inherit}.d-menu.el-menu .el-menu-item.el-menu-item.is-active{background:#61c5c1}.d-timeline .d-timeline-dot,.d-timeline .d-timeline-dot i{-webkit-transform:translateX(-50%);background-color:#fff;left:50%}.d-timeline{padding:15px 0;list-style:none;margin:0;line-height:inherit}.d-timeline .d-timeline-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;min-height:48px}.d-timeline .d-timeline-item:last-child .d-timeline-tail{display:none}.d-timeline .d-timeline-node{position:relative;padding:0 10px}.d-timeline .d-timeline-dot{position:absolute;top:0;transform:translateX(-50%);width:7px;height:7px;border:1px solid #e6e6e6;border-radius:50%}.d-timeline .d-timeline-dot i{color:inherit;position:absolute;transform:translateX(-50%)}.d-timeline .d-timeline-dot.d-timeline-icon{background-color:transparent;border:0;width:auto;height:auto}.d-timeline .d-timeline-tail{position:absolute;top:0;left:50%;margin-left:-1px;background-color:#e6e6e6;border-left:2px solid #e6e6e6;height:100%}.d-timeline .d-timeline-left,.d-timeline .d-timeline-right{padding-bottom:20px;margin-top:-4px;-webkit-box-flex:1;-ms-flex:1;flex:1;word-wrap:break-word;word-break:break-all}.d-timeline .d-timeline-left{text-align:right;padding-right:10px}.d-timeline .d-timeline-right{text-align:left;padding-left:10px}.d-steps .d-steps-content,.d-steps .d-steps-header{display:-webkit-box;display:-ms-flexbox;display:flex}.d-steps .d-steps-1{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:10px 0;text-align:center}.d-steps-title{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;font-size:16px;color:#999;height:40px;line-height:40px}.d-steps-title .d-steps--inner{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 10px}.d-steps-title .d-steps--inner.d-steps-line-inner{background-color:#fff}.d-steps-title.is-active:not(.d-steps-success) .d-steps-number{background:#61c5c1;border-color:#61c5c1;color:#fff}.d-steps-title.is-active:not(.d-steps-success) .d-steps-label{color:#000}.d-steps-title.d-steps-success .d-steps-number{border-color:#61c5c1}.d-steps-title.d-steps-success .d-steps-number .el-icon-check{color:#61c5c1;font-size:14px;font-weight:700}.d-steps-title .d-steps-number{display:block;width:22px;height:22px;line-height:22px;text-align:center;border:1px solid #999;border-radius:50%;font-family:HelveticaNeue;margin-right:6px}.d-steps-title .d-steps-label{font-family:PingFangSC-Regular,PingFang SC;white-space:nowrap}.d-steps-title .d-steps-line{position:absolute;height:2px;top:19px;left:50%;right:-50%;background-color:#999}.d-steps-title .d-steps-line.d-active-line{background-color:#61c5c1}.d-steps-bg::after,.d-steps-bg::before{display:block;position:absolute;top:0;background:#f7f7f9;height:50%;width:100%;-webkit-transform:skewX(45deg);transform:skewX(45deg)}.d-statistic,.d-statistic-item{display:-webkit-box;display:-ms-flexbox}.d-steps-bg::after{top:50%;-webkit-transform:skewX(-45deg);transform:skewX(-45deg)}.d-steps-bg.is-active::after,.d-steps-bg.is-active::before{background:#f1f1f5}.d-statistic{font-family:NotoSansHans-Regular,NotoSansHans;color:#333;display:flex;text-align:center;padding:20px 0;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.d-statistic-item{-webkit-box-flex:1;-ms-flex:1;flex:1;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.d-statistic-item .d-statistic-centent{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.d-statistic-item:not(:last-child){border-right:1px solid #e6e6e6}.d-statistic-item .d-value{font-size:24px;line-height:1;color:#333;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin-bottom:10px;font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji}.d-statistic-item .d-statistic-prefix{padding-left:4px}.d-statistic-item .d-statistic-suffix{padding-right:4px}.d-statistic-item .d-title{font-size:14px;line-height:1}.d-divider{position:relative;height:1px;background-color:#e6e6e6;width:100%;margin:5px 0 15px}.d-divider--vertical{display:inline-block;vertical-align:middle;height:1em;width:1px;margin:0 5px}.d-divider--vertical .d-divider-content{top:50%;padding:20px 0}.d-divider-content{position:absolute;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);background-color:#fff;padding:0 20px}.d-page-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:53px;font-size:18px;font-family:PingFangSC-Semibold,PingFang SC;color:#333;padding:0 20px}.d-page-title .d-back{color:inherit;font-size:16px;font-family:PingFangSC-Regular,PingFang SC}.d-page-title .d-page-divider{width:1px;height:16px;margin:0 8px;background-color:#dcdfe6}.d-drag-transition-move{-webkit-transition:-webkit-transform 1s;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s}.d-table-column-popover{position:absolute;right:10px;top:11px;z-index:10}.d-table-checkbox-group .el-checkbox{width:110px;line-height:34px;margin-right:3px}.d-column-title{color:#999;line-height:1;margin-bottom:12px}.d-filter-column-dialog .el-dialog__body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:15px}.d-filter-column-dialog .d-filter-colum-left{width:360px;padding-right:15px}.d-filter-column-dialog .d-filter-colum-sort{border-left:1px solid #ddd;padding-left:15px;width:201px;min-height:218px}.d-filter-colum-ul{list-style:none;padding-left:0;margin:0;line-height:32px}.d-filter-colum-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.d-sort-tag{position:relative;display:inline-block;height:8px;width:14px;border-top:2px solid #ccc;border-bottom:2px solid #ccc}.d-sort-tag::before{position:absolute;top:3px;display:block;background-color:#ccc;width:14px;height:2px}