@ued_fpi/data-visual/dist/style/style-bmp.css

<br /> <br /> <div style="text-align:center"> <b style="font-size:30px">@ued_fpi/data-visual</b> <p>基于Vite4+TypeScript的Vue3大屏组件库开发框架</p> <img style="display:inline" src="https://img.shields.io/npm/v/@ued_fpi/data-visual" />

.progress-bar{width:100%;height:100%}.progress-bar #grad1 .grad1-stop1{stop-color:var(--dv-color-index);stop-opacity:.01}.progress-bar #grad1 .grad1-stop2,.progress-bar #grad2 .grad2-stop1,.progress-bar #grad2 .grad2-stop2{stop-color:var(--dv-color-index)}.dv-bmp-algae-monitoring-box{display:flex;padding:30px 20px 16px}.dv-bmp-algae-monitoring-box .algae-monitoring-rate{position:relative;display:flex;align-items:center;justify-content:center;width:120px;height:120px;margin:5px 0}.dv-bmp-algae-monitoring-box .algae-monitoring-rate .decorate-outer{position:absolute;top:50%;left:50%;width:120px;height:120px;border:2px solid var(--dv-color-border-base);border-radius:50%;transform:translate(-50%,-50%)}.dv-bmp-algae-monitoring-box .algae-monitoring-rate .decorate-inner{position:absolute;top:50%;left:50%;width:86px;height:86px;transform:translate(-50%,-50%)}.dv-bmp-algae-monitoring-box .algae-monitoring-rate .decorate-inner .decorate-inner-item{position:absolute;top:0;right:calc(50% - 1px);bottom:0;left:calc(50% - 1px);clip-path:polygon(0 0,100% 0,100% 7px,0 7px);background-color:var(--dv-color-border-base)}.dv-bmp-algae-monitoring-box .algae-monitoring-rate .total-warn{position:absolute;top:0;right:0;bottom:0;left:0}.dv-bmp-algae-monitoring-box .algae-monitoring-rate .total-warn .total-warn-top{position:absolute;right:0;bottom:50%;left:0;padding-bottom:2px;font-size:16px;color:var(--dv-color-text-primary);text-align:center}.dv-bmp-algae-monitoring-box .algae-monitoring-rate .total-warn .total-warn-bottom{position:absolute;top:50%;right:0;left:0;display:flex;justify-content:center;padding-top:2px;font-family:var(--dv-font-family-number);font-size:16px}.dv-bmp-algae-monitoring-box .algae-monitoring-rate .total-warn .total-warn-bottom .total-warn-done{color:var(--dv-color-index)}.dv-bmp-algae-monitoring-box .algae-monitoring-rate .total-warn .total-warn-bottom .total-warn-separator{margin:0 2px;color:var(--dv-color-text-placeholder)}.dv-bmp-algae-monitoring-box .algae-monitoring-rate .total-warn .total-warn-bottom .total-warn-total{color:var(--dv-color-text-primary)}.dv-bmp-algae-monitoring-box .algae-monitoring-items{padding:16px;margin-left:16px}.dv-bmp-algae-monitoring-box .algae-monitoring-items .algae-monitoring-item{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;width:183px;height:36px;padding:4px 16px 4px 12px;background-color:var(--dv-color-fill-base);border:1px solid var(--dv-color-border-base)}.dv-bmp-algae-monitoring-box .algae-monitoring-items .algae-monitoring-item.last-item{margin-top:24px}.dv-bmp-algae-monitoring-box .algae-monitoring-items .algae-monitoring-item .algae-icon{height:20px;font-size:16px;color:var(--dv-color-text-primary)}.dv-bmp-algae-monitoring-box .algae-monitoring-items .algae-monitoring-item .algae-title{display:block;width:90px;font-family:MiSans;font-size:16px;font-weight:700;color:var(--dv-color-text-primary);text-align:left}.dv-bmp-algae-monitoring-box .algae-monitoring-items .algae-monitoring-item .algae-title.algae-title-diff{position:relative;left:-4px}.dv-bmp-algae-monitoring-box .algae-monitoring-items .algae-monitoring-item .algae-num{font-family:var(--dv-font-family-number);font-size:16px;font-weight:500;color:var(--dv-color-index)}.dv-bmp-tab-item{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;width:182px;height:136px;padding:16px;overflow:hidden;background-color:var(--dv-color-fill-base);border:1px solid var(--dv-color-border-base);border-radius:4px}.dv-bmp-tab-item .title{margin-bottom:24px;font-size:16px;font-weight:500;line-height:16px;color:var(--dv-color-text-primary);text-align:center;letter-spacing:0}.dv-bmp-tab-item .today-line{display:flex;align-items:center}.dv-bmp-tab-item .today-line .label{margin-right:4px;font-size:16px;font-weight:500;line-height:16px;color:var(--dv-color-text-secondary);text-align:center;letter-spacing:0;white-space:nowrap}.dv-bmp-event-list .custom-table .custom-table-header,.dv-bmp-tab-item .today-line .today-right .label-num,.dv-bmp-tab-item .today-line .today-right .text,.dv-bmp-tab-item .today-line .today-right .value,.dv-bmp-tab-item .year-line .year-label,.dv-bmp-tab-item .year-line .year-right .year-text,.dv-bmp-tab-item .year-line .year-right .year-total,.dv-bmp-tab-item .year-line .year-right .year-value{line-height:14px;letter-spacing:0;font-size:14px;font-weight:500}.dv-bmp-tab-item .today-line .today-right{display:flex;flex-wrap:wrap;align-items:center}.dv-bmp-tab-item .today-line .today-right .value{font-family:var(--dv-font-family-number);color:var(--dv-color-success);text-align:center}.dv-bmp-tab-item .today-line .today-right .text{font-family:var(--dv-font-family-number);color:var(--dv-color-text-placeholder);text-align:center}.dv-bmp-tab-item .today-line .today-right .label-num{font-family:var(--dv-font-family-number);color:var(--dv-color-text-primary);text-align:center}.dv-bmp-tab-item .today-line .today-right .chart{width:16px;height:16px;margin-left:8px}.dv-bmp-tab-item .year-line{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:16px}.dv-bmp-tab-item .year-line .year-label{color:var(--dv-color-text-secondary);text-align:center;white-space:nowrap}.dv-bmp-tab-item .year-line .year-right{display:flex;flex-wrap:wrap;align-items:center}.dv-bmp-tab-item .year-line .year-right .year-value{font-family:var(--dv-font-family-number);color:var(--dv-color-index);text-align:center}.dv-bmp-tab-item .year-line .year-right .year-text{font-family:var(--dv-font-family-number);color:var(--dv-color-text-placeholder);text-align:center}.dv-bmp-tab-item .year-line .year-right .year-total{font-family:var(--dv-font-family-number);color:var(--dv-color-text-primary);text-align:center}.dv-bmp-tab-item .bottom-bar{width:100%;height:8px;margin-top:8px;background-color:var(--dv-color-fill-lighter)}.dv-bmp-tab-item .bottom-bar .bar-value{height:100%;background:var(--dv-color-index)}.dv-bmp-event-list{width:376px;height:192px;font-family:MiSans}.dv-bmp-event-list .custom-table{height:192px}.dv-bmp-event-list .custom-table .custom-table-header{display:flex;align-items:center;width:100%;height:32px;color:var(--dv-color-text-secondary);background-color:var(--dv-color-fill-base)}.dv-bmp-event-list .custom-table .custom-table-body .auto-width,.dv-bmp-event-list .custom-table .custom-table-header .auto-width{flex:1;text-align:center}.dv-bmp-event-list .custom-table .custom-table-header .fixed-width{text-align:center}.dv-bmp-event-list .custom-table .custom-table-body{width:100%;height:160px;font-size:14px;font-weight:500;color:var(--dv-color-text-primary)}.dv-bmp-event-list .custom-table .custom-table-body .custom-table-row{display:flex;align-items:center;width:100%;height:32px}.dv-bmp-event-list .custom-table .custom-table-body .custom-table-row:nth-child(2n){background:var(--dv-color-fill-base)}.dv-bmp-event-list .custom-table .custom-table-body .custom-table-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dv-bmp-event-list .custom-table .custom-table-body .custom-table-cell.undisposed{color:var(--dv-color-danger)}.dv-bmp-event-list .custom-table .custom-table-body .custom-table-cell.handing{color:var(--dv-color-warning)}.dv-bmp-event-list .custom-table .custom-table-body .custom-table-cell.disposed{color:var(--dv-color-success)}.dv-bmp-event-list .custom-table .custom-table-body .fixed-width{text-align:center}.dev-early-warning-broadcast{position:relative;width:376px;height:200px;overflow:hidden;font-family:MiSans}.dev-early-warning-broadcast:hover .broadcast-content{animation-play-state:paused}.dev-early-warning-broadcast .broadcast-content{position:absolute;top:0;right:0;left:0;animation:move 5s linear infinite}@keyframes move{0%{top:0}100%{top:-100%}}.dev-early-warning-broadcast .broadcast-content .broadcast-item{display:flex;align-items:center;height:40px}.dev-early-warning-broadcast .broadcast-content .broadcast-item .broadcast-site-type-name{height:20px;padding:0 8px;font-family:MiSans;font-size:12px;line-height:20px;color:#fff;background-color:var(--dv-color-danger)}.dev-early-warning-broadcast .broadcast-content .broadcast-item .broadcast-description{flex:1;overflow:hidden;font-family:MiSans;font-size:14px;color:var(--dv-color-text-primary);text-overflow:ellipsis;white-space:nowrap}