@teamix/data-summary/dist/DataSummary.css

数据概览，数据展示

.DataSummary{border-radius:var(--corner-1);-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;background:var(--color-card-2-bg);padding:16px 20px;font-family:TXDDINMediumNumber,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif}.DataSummary.normal{background-color:var(--color-card-2-bg)}.DataSummary.warning{background-color:var(--color-warning-1)}.DataSummary.help{background-color:var(--color-help-1)}.DataSummary.error{background-color:var(--color-error-1)}.DataSummary.success{background-color:var(--color-success-1)}.DataSummary.grey{background-color:var(--color-fill1-2)}.DataSummary.noBorder{border:none}.DataSummary.noPadding{padding:0}.DataSummary+.DataSummary{margin-left:20px}.DataSummary .data-summary-row{-ms-flex-align:center}.DataSummary .data-summary-row,.DataSummary .data-summary-row-left{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.DataSummary .data-summary-row-left{padding:16px 20px;margin-top:-16px;margin-bottom:-16px;margin-left:-20px;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;-ms-flex-align:center;text-align:center;color:var(--color-text1-7)}.DataSummary .data-summary-row-left.outer{margin-right:20px;background:var(--color-fill1-2)}.DataSummary .data-summary-row-left.outer.normal{background:var(--color-brand1-1)}.DataSummary .data-summary-row-left.outer.warning{background:var(--color-warning-1)}.DataSummary .data-summary-row-left.outer.error{background:var(--color-error-1)}.DataSummary .data-summary-row-left.outer.success{background:var(--color-success-1)}.DataSummary .data-summary-row-left.outer .prefix-icon{margin-right:0;line-height:1}.DataSummary .data-summary-row-left.normal{color:var(--color-brand1-5)}.DataSummary .data-summary-row-left.warning{color:var(--color-warning-4)}.DataSummary .data-summary-row-left.error{color:var(--color-error-4)}.DataSummary .data-summary-row-left.success{color:var(--color-success-4)}.DataSummary .data-summary-row-left .prefix-icon{margin-right:8px}.DataSummary .prefix-divide{-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;margin-left:20px;border-right:1px solid var(--color-line1-1)}.DataSummary .data-summary-row-center{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}.DataSummary .data-summary-header{margin-bottom:10px}.DataSummary .data-summary-header .data-summary-header-title{overflow:hidden}.DataSummary .data-summary-header .data-summary-title{color:#1a1a1a;color:var(--card-title-color,#1a1a1a);font-size:14px;font-size:var(--card-title-font-size,14px);font-weight:500;font-weight:var(--card-title-font-weight,500);line-height:1.5;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.DataSummary .data-summary-header .data-summary-sub-title{font-size:12px;font-size:var(--card-sub-title-font-size,12px);color:#5a5a5a;color:var(--card-sub-title-color,#5a5a5a)}.DataSummary .data-summary-header .data-summary-action{float:right;text-align:right}.DataSummary .data-summary-content,.DataSummary .data-summary-main{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.DataSummary .data-summary-data-item,.DataSummary .data-summary-main{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.DataSummary .data-summary-data-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.DataSummary .data-summary-data-item.error .icon{background-color:var(--color-error-1);color:var(--color-error-4)}.DataSummary .data-summary-data-item.error .data-item-data{color:var(--color-error-4)}.DataSummary .data-summary-data-item.success .data-item-data{color:var(--color-success-4)}.DataSummary .data-summary-data-item.center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.DataSummary .data-summary-data-item.right{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.DataSummary .data-summary-data-item .data-item-data{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;margin-bottom:5px;color:#333;color:var(--color-text1-3,#333)}.DataSummary .data-summary-data-item .data-item-data.has-click{cursor:pointer}.DataSummary .data-summary-data-item .data-item-data.center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.DataSummary .data-summary-data-item .data-item-data.right{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.DataSummary .data-summary-data-item .icon{width:40px;height:40px;border-radius:var(--corner-1);padding:5px;background-color:var(--color-fill1-2);color:#848484;color:var(--color-fill1-5,#848484);margin-right:10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.DataSummary .data-summary-data-item .data{font-size:24px;line-height:1}.DataSummary .data-summary-data-item .unit{font-size:14px;margin-left:2px;margin-bottom:2px;line-height:1}.DataSummary .data-summary-data-item .description{color:var(--color-text1-7)}.DataSummary .increase{color:var(--color-brand1-5);font-size:14px}.DataSummary .increase.add{color:var(--color-error-4)}.DataSummary .cloud-wcircle{font-size:14px}.DataSummary .cloud-wcircle .cloud-wcircle-number{color:#5a5a5a;color:var(--color-text1-2,#5a5a5a)}.DataSummary .data-summary-footer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-top:16px;color:var(--color-text1-1)}.teamix-icon{display:inline-block;line-height:0;text-align:center;vertical-align:-.25em}.teamix-icon svg{width:1em;height:1em;fill:currentColor;overflow:hidden}.teamix-icon-loading-fill,.teamix-icon-loading-line{-webkit-animation:loadingCircle 1s linear infinite;animation:loadingCircle 1s linear infinite}@-webkit-keyframes loadingCircle{0%{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loadingCircle{0%{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.teamix-icon.teamix-xxs{font-size:12px;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}.teamix-icon.teamix-xs{font-size:12px}.teamix-icon.teamix-small{font-size:16px}.teamix-icon.teamix-medium{font-size:20px}.teamix-icon.teamix-large{font-size:24px}.teamix-icon.teamix-xl{font-size:32px}.teamix-icon.teamix-xxl{font-size:48px}.teamix-icon.teamix-xxxl{font-size:64px}.teamix-icon.teamix-inherit{font-size:inherit}